/* =====================================================================
   Paras — design tokens
   Values taken directly from the Figma file's published styles
   (file JlkSJzd88yf0DhWXlWOktq, page "01 · Style Guide").
   Do not hand-edit a value here without changing it in Figma too.
   ===================================================================== */

:root {
  /* --- Ink ------------------------------------------------------- */
  --ink-900: #16233a;
  --ink-700: #3a4a5f;
  --ink-500: #5e6b7d;
  --ink-300: #a9b3c1;

  /* --- Blue (primary) -------------------------------------------- */
  --blue-700: #1e4db0;
  --blue-600: #2a62d6;
  --blue-100: #e3ecfd;
  --blue-50:  #f2f6fe;

  /* --- Gold (accent) --------------------------------------------- */
  --gold-700: #8a5a00;
  --gold-400: #f3b541;
  --gold-100: #fff3d9;
  --gold-50:  #fffaef;

  /* --- Green (success / pass) ------------------------------------ */
  --green-600: #17704a;
  --green-100: #e2f4ea;

  /* --- Neutrals --------------------------------------------------- */
  --white: #ffffff;
  --canvas: #f7f9fc;
  --line: #e3e8f0;
  --line-strong: #cbd3df;

  /* --- Status (derived; not in Figma but needed by the portal) ---- */
  --red-600: #b3261e;
  --red-100: #fdeceb;
  --amber-600: #9a6700;
  --amber-100: var(--gold-100);

  /* --- Type -------------------------------------------------------
     Two families, chosen for an institution rather than a brand.

     Source Serif 4 is Adobe's academic and publishing serif — sober,
     even-coloured, no ornament. It replaces Fraunces, which is built
     with deliberate "soft" and "wonk" axes and reads as craft rather
     than authority. A parent handing over a year's fees should meet a
     face that looks like a professional body, not a lifestyle brand.

     Inter replaces Plus Jakarta Sans for everything set small and
     dense. Jakarta is a rounded geometric sans made for product
     marketing; Inter is drawn for screens at working sizes, and its
     figures are the reason — a register, a fee ledger and a mark sheet
     are mostly numbers, and Inter's line up in columns.

     The serif is for the public site. The portal is a working tool and
     runs on Inter throughout: see the scope rule in base.css. -------- */
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* Alias. Two rules asked for --font-sans, which was never defined, so
     the check-in code and the recording watermark quietly fell back to
     whatever system-ui is on the device — a different face from the rest
     of the screen. */
  --font-sans: var(--font-body);

  --display-xl: 68px;  --display-xl-lh: 74px;
  --display-l:  52px;  --display-l-lh:  58px;
  --display-m:  38px;  --display-m-lh:  44px;
  --h2: 44px;          --h2-lh: 52px;
  --h3: 28px;          --h3-lh: 34px;
  --h4: 20px;          --h4-lh: 28px;
  --h5: 17px;          --h5-lh: 24px;
  --stat-l: 48px;      --stat-l-lh: 52px;
  --stat-m: 34px;      --stat-m-lh: 40px;
  --body-l: 18px;      --body-l-lh: 30px;
  --body-m: 16px;      --body-m-lh: 26px;
  --body-s: 14px;      --body-s-lh: 22px;
  --label-m: 15px;     --label-m-lh: 20px;
  --label-s: 13px;     --label-s-lh: 18px;
  --overline: 12px;    --overline-lh: 16px;

  /* --- Spacing (8px base) ----------------------------------------- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 20px;
  --s6: 24px; --s7: 32px; --s8: 40px; --s9: 48px; --s10: 64px;
  --s11: 80px; --s12: 120px;

  /* --- Radius ------------------------------------------------------ */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* --- Elevation --------------------------------------------------- */
  --shadow-sm: 0 1px 2px rgba(22, 35, 58, .06);
  --shadow-md: 0 4px 16px rgba(22, 35, 58, .08);
  --shadow-lg: 0 12px 40px rgba(22, 35, 58, .10);

  /* --- Layout ------------------------------------------------------ */
  --container: 1180px;
  --sidebar-w: 256px;
  --topbar-h: 72px;

  --ease: cubic-bezier(.2, .7, .3, 1);
}

/* The institute asked for light, calm surfaces that read well for
   students and reassure parents. There is deliberately no dark theme:
   the v1 dark palette is archived in Figma, not shipped. */