/* LA Recall deployment identity. Layout remains matched to the supplied BoardCraft screenshots. */
@font-face{font-family:Inter;src:url('./vendor/inter/inter-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./vendor/inter/inter-latin-500-normal.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('./vendor/inter/inter-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('./vendor/inter/inter-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
/*
  Design tokens. Roles, not colours: blue is action and selection, gold is the weekly/completion
  highlight, neutrals carry hover and passive controls. Surfaces form one ladder:
  page -> surface (card) -> surface-inset (maths well, nested areas) and surface-raised (floating UI).
  The short legacy names (--ink, --muted, --bg, --soft, --canvas, --accent-soft, --accent-line, --shadow,
  --float-shadow, --radius) remain as aliases because styles.css and the owner reference bank use them.
*/
:root{
  color-scheme:light;
  --font:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --brand-primary-dark:#173A63;--brand-primary:#285887;--brand-supporting:#4F7EAA;--brand-gold:#D3A62C;--brand-gold-soft:#F3E6BD;

  --page:#eeecf3;--surface:#ffffff;--surface-inset:#f8f5ee;--surface-raised:#ffffff;
  --border:#e2e0e9;--border-strong:#d3d0dd;--border-inset:#ebe4d3;
  --text-primary:#242432;--text-secondary:#62616f;--text-tertiary:#767583;

  --accent:var(--brand-primary);--accent-hover:var(--brand-primary-dark);--on-accent:#ffffff;--accent-tint:#e9f0f7;
  --control-bg:#f4f3f8;--control-border:#dcd9e4;--hover-bg:#e8e6ef;--hover-border:#b7b3c7;
  --selected-bg:#e6eef7;--selected-border:var(--accent);--selected-ink:var(--accent);

  --highlight-bg:var(--brand-gold-soft);--highlight-border:#e6d49b;--highlight-ink-secondary:#5a5866;--gold:var(--brand-gold);

  --success:#286c47;--success-bg:#edf7ef;--success-border:#9ccaa9;
  --error:#b33c4b;--error-bg:#fcf0f1;--error-border:#e2a5ad;
  --warning:#8c571d;--warning-bg:#fff5e7;--warning-border:#e3c08f;

  --progress-track:#1c1b2e17;--progress-fill:var(--accent);
  --focus-ring:var(--accent);

  --shadow-low:0 1px 2px #1c1b2e0f,0 4px 14px #1c1b2e12;
  --shadow-float:0 2px 6px #1c1b2e0f,0 12px 32px #1c1b2e1f;

  --radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;
  --control-h:48px;--control-h-sm:44px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;
  --motion-fast:120ms;--motion-normal:200ms;--ease:cubic-bezier(.2,.7,.3,1);

  --text-display:2rem;--text-title:1.625rem;--text-section:1.3rem;--text-subsection:1.0625rem;
  --text-body:1rem;--text-label:.875rem;--text-caption:.8125rem;

  /* Legacy aliases. */
  --ink:var(--text-primary);--muted:var(--text-secondary);--bg:var(--page);--line:var(--border);
  --soft:var(--control-bg);--canvas:var(--surface-inset);
  --accent-soft:var(--highlight-bg);--accent-line:var(--gold);
  --shadow:var(--shadow-low);--float-shadow:var(--shadow-float);
  --radius:var(--radius-xl);--navy:var(--accent);--yellow:var(--accent);--teal:var(--success);
  font-family:var(--font);color:var(--ink);background:var(--bg);
}
:root[data-theme=dark]{
  color-scheme:dark;
  --page:#14161b;--surface:#22252d;--surface-inset:#1a1c22;--surface-raised:#2a2d36;
  --border:#383c48;--border-strong:#4a4f5c;--border-inset:#30333d;
  --text-primary:#ececf2;--text-secondary:#a6a6b2;--text-tertiary:#90909d;

  --accent:#8fb4d5;--accent-hover:#bfd4e8;--on-accent:#173a63;--accent-tint:#1e2f42;
  --control-bg:#2b2e38;--control-border:#3d414d;--hover-bg:#363a47;--hover-border:#646a7b;
  --selected-bg:#20374f;--selected-ink:#a9c6e0;

  /* A cool navy highlight edged in gold replaces the old olive surface. */
  --highlight-bg:#1c2a3c;--highlight-border:#7f6629;--highlight-ink-secondary:#aeb4c2;

  --success:#97d1a7;--success-bg:#253b30;--success-border:#4f7a5c;
  --error:#f2a2aa;--error-bg:#422c34;--error-border:#86505a;
  --warning:#ecc78e;--warning-bg:#403729;--warning-border:#7d6441;

  --progress-track:#ffffff1c;

  --shadow-low:0 1px 2px #00000059;
  --shadow-float:0 2px 6px #0000004d,0 14px 34px #00000080;
}
body{font-family:var(--font);color:var(--ink);background:var(--bg)}
.wordmark{font-size:1.5rem;line-height:1.1;font-weight:700;letter-spacing:-.75px;white-space:nowrap;color:var(--ink)}
.wordmark span{color:var(--accent)}
.course-badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:6px 11px;font-size:.8125rem;font-weight:500;line-height:1.2;white-space:nowrap}
::selection{background:var(--accent-soft);color:var(--ink)}