/* ============================================================
   Eimi LMS — Editorial Student Theme
   ink #18232a · paper #f6f3e9 · coral #ec5b40 · teal #176e69
   Space Grotesk + DM Sans + JetBrains Mono
   ============================================================ */
:root{
  --paper:#f6f3e9;
  --paper-2:#fdfcf8;
  --paper-3:#efe9d6;
  --surface:#ffffff;
  --surface-2:#f6f3e9;
  --surface-3:#efe9d6;
  --ink:#18232a;
  --ink-2:#2f3e4a;
  --ink-3:#5f6b73;
  --muted:#586774;
  --border:rgba(24,35,42,.12);
  --border-strong:rgba(24,35,42,.20);
  --border-faint:rgba(24,35,42,.07);
  --coral:#ec5b40;
  --coral-hover:#b83720;
  --coral-soft:rgba(236,91,64,.10);
  --coral-line:rgba(236,91,64,.22);
  --teal:#176e69;
  --teal-hover:#135e5a;
  --teal-soft:rgba(23,110,105,.08);
  --teal-line:rgba(23,110,105,.18);
  --cobalt:#1e3a8a;
  --accent:var(--coral);
  --accent-strong:var(--coral);
  --accent-soft:var(--coral-soft);
  --accent-line:var(--coral-line);
  --bg:var(--paper);
  --text:var(--ink);
  --text-2:var(--ink-2);
  --text-3:var(--muted);
  --text-inverse:#ffffff;
  --code-bg:#18232a;
  --code-text:#e8ecf0;
  --code-border:#24323d;
  --ok:#176e69;
  --ok-bg:#eef6f5;
  --ok-line:rgba(23,110,105,.18);
  --warn:#8a5a00;
  --warn-bg:#fff6d6;
  --warn-line:rgba(138,90,0,.18);
  --danger:#b42318;
  --danger-bg:#fef0ef;
  --danger-line:rgba(180,35,24,.18);
  --info:#1e3a8a;
  --info-bg:#eff3ff;
  --info-line:rgba(30,58,138,.14);
  --radius-xs:8px;
  --radius-s:12px;
  --radius:16px;
  --radius-l:20px;
  --radius-xl:24px;
  --radius-full:999px;
  --shadow-sm:0 1px 2px rgba(24,35,42,.06), 0 1px 8px rgba(24,35,42,.04);
  --shadow:0 2px 10px rgba(24,35,42,.06), 0 8px 24px rgba(24,35,42,.06);
  --shadow-md:0 4px 16px rgba(24,35,42,.08), 0 12px 32px rgba(24,35,42,.08);
  --shadow-lg:0 8px 32px rgba(24,35,42,.12);
  --font-display:"Space Grotesk",system-ui,sans-serif;
  --font:"DM Sans",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --sidebar-w:282px;
  --topbar-h:64px;
  --content-max-w:1160px;
  --prose-max-w:740px;
  --transition:180ms cubic-bezier(.2,.8,.2,1);
  /* aliases for legacy JS */
  --color-primary:var(--coral);
  --color-accent:var(--coral);
  --primary:var(--coral);
  --bg-mesh-1:transparent;
  --bg-mesh-2:transparent;
  --bg-mesh-3:transparent;
}

[data-theme="dark"]{
  --paper:#0f171c;
  --paper-2:#121d23;
  --paper-3:#1a2a33;
  --surface:#16242d;
  --surface-2:#1a2f3a;
  --surface-3:#1e3642;
  --ink:#f2ede3;
  --ink-2:#cbd5de;
  --ink-3:#8ea0b0;
  --muted:#8ea0b0;
  --border:rgba(242,237,227,.12);
  --border-strong:rgba(242,237,227,.18);
  --border-faint:rgba(242,237,227,.06);
  --coral:#ff6b50;
  --coral-soft:rgba(255,107,80,.12);
  --teal:#2ec4b6;
  --teal-soft:rgba(46,196,182,.10);
  --text:var(--ink);
  --text-2:var(--ink-2);
  --text-3:var(--ink-3);
  --code-bg:#0b1216;
  --code-text:#e2e8f0;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow:0 4px 16px rgba(0,0,0,.4);
  --shadow-md:0 8px 24px rgba(0,0,0,.5);
}