/* Client theme — CA Aarti Lahoti.
   Loaded AFTER css/app.css, so these override the base design tokens; and
   BEFORE css/aarti-site.css, which owns the mockup's own `--al-*` scale.

   Purpose: every page that was NOT hand-ported to the mockup (cart, checkout,
   profile, my-courses, blog, calculators, exam player, admin, …) picks up the
   navy/green brand automatically through these variables, so the whole site
   reads as one design instead of two.

   Palette taken from the approved mockup:
     navy   #0a1f5c   deep navy #061240   blue #1a4fd4
     green  #1aab4a   light     #22c55e   dark #0d8a38 */
:root {
  /* --primary-* is the app's accent (buttons, links, active states). The
     mockup's primary action colour is green, not the old gold. */
  --primary-yellow: #1aab4a;
  --primary: #1aab4a;
  --primary-rgb: 26, 171, 74;
  --yellow-hover: #0d8a38;
  --accent: #1a4fd4;

  /* Surfaces / text */
  --primary-dark: #0a1f5c;
  --primary-dark-2: #061240;
  --text-dark: #1e293b;
  --text-gray: #64748b;

  /* Status */
  --success: #1aab4a;
  --danger: #dc2626;

  /* Typography — one family across the whole site, matching the mockup. */
  --font-heading: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;

  /* Extras consumed by individual pages */
  --navy-deep: #061240;
  --surface-warm: #f5f7fb;
  --border-color: #e2e8f0;
}