/* OurMinds design tokens. Every colour in the shared layout comes from here.
   Light is the default; html[data-theme="dark"] switches (set by the inline script in base.html). */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/inter-latin-wght-normal.woff2") format("woff2");
}

:root {
  color-scheme: light;

  /* Brand (unchanged across themes) */
  --brand-navy: #07152f;
  --brand-navy-2: #102650;
  --brand-blue: #1769ff;
  --brand-purple: #8057ff;
  --brand-pink: #ef43b7;
  --brand-gradient: linear-gradient(105deg, #06132d, #102650);
  --brand-hero: linear-gradient(135deg, rgba(22, 28, 58, .97), rgba(74, 42, 112, .94));
  --brand-cta: linear-gradient(110deg, #1769ff, #8057ff);
  --brand-mark: linear-gradient(135deg, #05d5e8, #9362ff 60%, #fa55bb);

  /* Surfaces */
  --bg: #f3f6fd;
  --surface: #ffffff;
  --surface-2: #f6f8fe;
  --surface-hover: #eef2ff;
  --border: #e3e9f5;
  --border-strong: #cbd6ea;
  --shadow: 0 4px 15px rgba(17, 43, 87, .05);
  --shadow-pop: 0 14px 38px rgba(20, 43, 85, .16);

  /* Text: every pair below passes WCAG AA (4.5:1) on --surface and --bg */
  --text: #172344;
  --text-muted: #56658a;
  --text-inverse: #ffffff;
  --link: #2458bd;
  --accent: #5b3fd6;
  --accent-soft: #f0ecff;

  /* Status */
  --success: #166534;
  --success-soft: #dcfce7;
  --warning: #92400e;
  --warning-soft: #fef3c7;
  --danger: #b91c3c;
  --danger-soft: #fee2e2;
  --badge: #e11d48;

  /* Sidebar and header stay dark in both themes */
  --nav-bg: linear-gradient(180deg, #0a1c3e, #07152f);
  --nav-text: #dbe5fb;
  --nav-muted: #8fa3cc;
  --nav-hover: rgba(255, 255, 255, .08);
  --nav-active: linear-gradient(100deg, #1b76ff, #403bb8);
  --header-text: #ffffff;
  --header-muted: #c5d2ef;

  /* Letter avatars sit on a light gradient in both themes */
  --avatar-bg: linear-gradient(135deg, #c6e9ff, #cbb4ff);
  --avatar-text: #24305a;

  --focus: #2f6bff;
  --radius: 15px;
  --radius-sm: 10px;

  /* Older names still used across the stylesheets */
  --ink: var(--text);
  --muted: var(--text-muted);
  --line: var(--border);
  --wash: var(--bg);
  --panel: var(--surface);
  --blue: var(--brand-blue);
  --purple: var(--brand-purple);
  --pink: var(--brand-pink);
  --navy: var(--brand-navy);
}

html[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0b1222;
  --surface: #121b31;
  --surface-2: #17223b;
  --surface-hover: #1d2a48;
  --border: #26324f;
  --border-strong: #34446a;
  --shadow: 0 4px 15px rgba(0, 0, 0, .25);
  --shadow-pop: 0 14px 38px rgba(0, 0, 0, .45);

  --text: #e6ebf7;
  --text-muted: #a3afcc;
  --link: #8fb0ff;
  --accent: #b39dff;
  --accent-soft: #2a2354;

  --success: #86efac;
  --success-soft: #133524;
  --warning: #fcd34d;
  --warning-soft: #3a2a0c;
  --danger: #fda4af;
  --danger-soft: #3d1420;

  --nav-bg: linear-gradient(180deg, #0d1830, #080f20);
  --focus: #8fb0ff;
}