/* ============================================================
   ONECONCORD — BRAND TOKENS (single source of truth)
   ------------------------------------------------------------
   Colours, fonts and the AI "aurora" gradient for BOTH light and
   dark themes live here. Change the brand here and it flows through
   the whole app (app.css only consumes these variables).

   Companion file: js/00-brand.js  (logo, name, favicon, title).
   Structural tokens (sizes, radii, shadows) stay in app.css.

   Palette: navy / blue / teal / mint / gold / cobalt
============================================================ */
:root {
  /* core palette */
  --navy: #0E1825;
  --navy-2: #152238;
  --blue: #1B3A6B;
  --teal: #0D9488;
  --mint: #14B8A6;
  --gold: #F59E0B;
  --cobalt: #1D4ED8;
  --violet: #6366F1;

  /* surfaces & text */
  --white: #FFFFFF;
  --off: #F6F8FB;
  --off-2: #EEF2F7;
  --gray: #64748B;
  --lgray: #CBD5E1;
  --dark: #1E293B;
  --ink: #0F1B2E;
  --border: #E4E9F0;
  --border-2: #EDF1F6;

  /* semantic states */
  --danger: #DC2626;
  --danger-bg: #FEF2F2;
  --warn: #B45309;
  --warn-bg: #FFFBEB;
  --ok: #0F766E;
  --ok-bg: #F0FDFA;
  --info: #1D4ED8;
  --info-bg: #EFF6FF;

  /* typography */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* signature gradient */
  --aurora: radial-gradient(120% 140% at 0% 0%, rgba(20, 184, 166, .16), transparent 55%), radial-gradient(120% 140% at 100% 0%, rgba(29, 78, 216, .14), transparent 50%);
}

/* ---- dark theme palette (structural shadows live in app.css) ---- */
:root[data-theme="dark"] {
  --navy: #F1F5F9;      /* now used as strong-text colour */
  --navy-2: #E2E8F0;
  --ink: #F8FAFC;
  --dark: #E2E8F0;
  --white: #151E2E;     /* card / raised surface */
  --off: #0C1420;       /* app background */
  --off-2: #1B2740;     /* subtle fills */
  --gray: #94A3B8;
  --lgray: #475569;
  --border: #24334A;
  --border-2: #1B2740;
  --danger: #F87171;
  --danger-bg: #2A1417;
  --warn: #FBBF24;
  --warn-bg: #2A2110;
  --ok: #2DD4BF;
  --ok-bg: #0E2A28;
  --info: #60A5FA;
  --info-bg: #122036;
  --aurora: radial-gradient(120% 140% at 0% 0%, rgba(20, 184, 166, .12), transparent 55%), radial-gradient(120% 140% at 100% 0%, rgba(29, 78, 216, .14), transparent 50%);
  color-scheme: dark;
}