/* ===========================
   eSIM design tokens (shared)
   Load this FIRST on every eSIM page, before the page-specific stylesheet.
   =========================== */

:root {
    --esim-navy: #112C55;
    --esim-navy-light: #4A48A0;
    --esim-orange: #F26B3A;
    --esim-orange-light: #FF8C5A;
    --esim-blue-bg: #E8EDF8;
    --esim-blue-light: #F0F4FF;
    --esim-gray-light: #F5F5F5;
    --esim-gray-border: #E0E0E0;
    --esim-blue-border: #60748B;
    --esim-white: #FFFFFF;
    --esim-text-dark: #2D2B6B;
    --esim-text-muted: #6B6B8D;
    --esim-shadow: 0 2px 8px rgba(45, 43, 107, 0.08);
    --esim-shadow-hover: 0 4px 16px rgba(45, 43, 107, 0.15);
    --esim-font-bold: "PloniMLv2AAA-Bold", Arial, sans-serif;
    --esim-font-u-bold: "PloniMLv2AAA-U-Bold", Arial, sans-serif;
    --esim-font-d-bold: "PloniMLv2AAA-D-Bold", Arial, sans-serif;
    --esim-font: "PloniMLv2AAA-Regular", Arial, sans-serif;
    --esim-font-medium: "PloniMLv2AAA-Medium", Arial, sans-serif;
}