/* EMPOWERea course tokens: the one set every course-theme file draws from. Each value is read off the live login page
   (https://ea.empowergmat.com/login/, redesign-v28 app/globals.css .auth-*) or the landing "Inside the actual course" card
   (.gmat-command, .ea-command, .gmat-session, .gmat-score-row). A course rule that needs a value not here is wrong, not a new token.
   Only EA layout templates print body.ea-course, so GMAT never reads these. */
.ea-course {
  /* Type: Manrope, the login stack. Sizes are the reference sizes; weights are the reference weights. */
  --font:"Manrope Variable",Manrope,Arial,sans-serif;
  --fs-display:clamp(38px,5vw,54px); --fs-title:32px; --fs-card:23px; --fs-lead:19px; --fs-body:16px; --fs-input:15px; --fs-ui:14px; --fs-meta:13px; --fs-small:12px; --fs-label:11px; --fs-tag:10px; --fs-eyebrow:9px;
  --w-display:690; --w-title:400; --w-card:700; --w-cta:760; --w-ui:720; --w-meta:650; --w-label:800; --w-eyebrow:850;
  --ls-display:-.06em; --ls-title:-.045em; --ls-card:-.035em; --ls-eyebrow:.15em; --ls-label:.1em; --ls-rule:.17em;
  --lh-display:.99; --lh-title:1.14; --lh-body:1.6;

  /* Ink. Every text tone reads at 4.5:1 or more on the ground's darkest stop (#e9eaff) and so on every card: the login's lighter greys
     (#718395, #8997a4, #7890a2 ...) read 2.5 to 4.4 there (10-07 audit), so each keeps its hue a few steps darker. */
  --ink:#061a37; --ink-title:#0d3156; --ink-card:#123b60; --ink-row:#173b5c; --ink-field:#133957; --ink-label:#35516a; --ink-back:#385773;
  --body:#4f677d; --muted:#5b6b7a; --meta:#576a7b; --meta-2:#596a79; --track-meta:#566c7d; --faint:#5c6a78; --foot:#5a6b7a; --tag:#576c7c; --row-num:#596a79;
  --eyebrow:#376b98; --eyebrow-card:#396d97; --link:#146ea8; --blue:#1788d5; --row-on:#3678b0;
  --ok:#27b987; --ok-ink:#157a5c; --ok-halo:rgba(39,185,135,.1); --ok-bg:#dcf5eb; --ok-mark:#0b8965;
  --err:#dc4d5c; --err-bg:#ffe4e7; --err-line:rgba(220,77,92,.07);
  --score-low:#db6c66; --score-mid:#e4b750; --score-high:#62bb78;  /* a quiz score's band: results bars and rings, the syllabus quiz line (ea-bars.css); the 10-10 red to green scale stops, oklch(.66 .14 25), (.8 .13 85), (.72 .13 150) */
  --pill-bg:#edf5fb; --pill-ink:#36709a; --check-bg:#e1f1fa; --check-ink:#27709d;
  --notice-bg:#eef7fc; --notice-line:#d9e8f2; --notice-ink:#47677f;
  --mint:#77dfbb; --mint-line:rgba(89,207,165,.25); --feature-meta:#b6cada; --preview-label:#586b7b;
  --violet:#8e7cf0; --coral:#ef7658; --orange:#f4863e;  /* the edge and rule stops, also the planner's section dots */
  /* planner chip grounds: the login plan chip's #edf8fd and #f4f2ff, the login ground's #fff0e7, the landing ground's #fff6ed */

  /* Lines */
  --hair:rgba(10,40,80,.11); --line:#d8e3eb; --line-2:#d8e1e9; --line-hover:#b9cedd; --line-row:#e1e9ee; --line-soft:#e0e7ed; --line-top:#dfebf1; --line-on:rgba(57,127,186,.42);
  --track:#e4edf4; --field:rgba(250,252,254,.9); --row-bg:#fff; --row-on-bg:#eef6fc; --hover-bg:#f8fbfd;
  --focus-line:#58a7d5; --focus-ring:0 0 0 4px rgba(41,143,204,.11); --focus-outline:3px solid rgba(22,120,184,.25);

  /* Gradients */
  --g-cta:linear-gradient(107deg,#087bc4,#4a65d8 74%,#7462d0);
  --g-type:linear-gradient(101deg,#087ac3 5%,#6874dc 52%,#f27e5c 98%);
  --g-edge:linear-gradient(90deg,#35a6ef,#8e7cf0,#ef7658);
  --g-rule:linear-gradient(90deg,#1788d5,#f4863e);
  --g-track:linear-gradient(90deg,#1d9bd4,#69c8e5,#80d7bd);
  --g-feature:radial-gradient(circle at 90% 0,rgba(83,168,230,.25),transparent 42%),linear-gradient(118deg,#071f38,#124c76 70%,#4a52a8);
  --g-ground:radial-gradient(circle at 14% 20%,rgba(255,255,255,.98) 0 12%,transparent 38%),linear-gradient(132deg,#f9fcff 2%,#edf8ff 39%,#e9eaff 68%,#fff0e7 108%);
  --g-grid:linear-gradient(rgba(24,136,213,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(24,136,213,.07) 1px,transparent 1px);
  --g-panel:linear-gradient(145deg,rgba(255,255,255,.9),rgba(246,251,255,.78));
  --g-command:linear-gradient(145deg,rgba(255,255,255,.95),rgba(245,250,255,.83));

  /* Surfaces: card is the login card, panel the plan preview, command the landing course card, row its numbered row */
  --card-bg:rgba(255,255,255,.88); --card-line:1px solid rgba(255,255,255,.86); --card-blur:none;  /* no live blur on tall surfaces: nine 26px blurs over about 10M px heated the Mac (10-07), so the card is more opaque instead */
  --card-shadow:0 38px 100px rgba(35,70,123,.18),inset 0 1px rgba(255,255,255,.95);
  --panel-line:1px solid rgba(255,255,255,.78); --panel-blur:none; --panel-shadow:0 28px 70px rgba(38,75,132,.13),inset 0 1px rgba(255,255,255,.9);
  --command-line:1px solid rgba(143,191,223,.72); --command-shadow:0 58px 120px rgba(17,67,111,.2),0 20px 44px rgba(91,80,190,.11),inset 0 1px 0 #fff;
  --row-shadow:0 9px 22px rgba(54,112,161,.08); --feature-shadow:0 18px 45px rgba(8,36,64,.25),inset 0 1px 0 rgba(255,255,255,.14);
  --float-shadow:0 24px 65px rgba(28,61,91,.17);

  /* Radii */
  --r-card:30px; --r-command:27px; --r-panel:23px; --r-feature:18px; --r-row:15px; --r-btn:14px; --r-field:12px; --r-note:11px; --r-pill:9px; --r-mark:8px; --r-round:999px;

  /* Spacing: card paddings and gaps as the reference sets them */
  --pad-card:38px 40px 32px; --pad-card-sm:28px 21px 25px; --pad-panel:25px 26px 22px; --pad-command:28px; --pad-row:15px 16px; --pad-feature:19px;
  --gap-xs:6px; --gap-s:9px; --gap-m:15px; --gap-l:22px; --gap-xl:42px; --bar-h:94px; --bar-h-sm:76px; --wrap:1680px; --gutter:clamp(20px,3vw,48px);

  /* Motion: the login's .2s ease moves and the CTA press */
  --t:.2s ease; --press:scale(.985); --lift:translateY(-1px);
  --cta-h:56px; --field-h:52px; --btn-h:44px;
}