/* Referent theme — generated by scripts/build-brand.mjs from public/brands/referent/palette.json.
   Edit the palette and re-run the script; do not edit this file. Overrides the app.css tokens on :root,
   the guarded dark block and [data-theme="dark"] (docs/SPEC-PORTAL.md §4.1). */
:root {
  --brand: referent;
  --bg: #F6F6FD;
  --surface: #FFFFFF;
  --surface-2: #fafafe;
  --surface-3: #f4f3fd;
  --border: #e3e2fa;
  --border-strong: #cecbf8;
  --ink: #1C1B33;
  --ink-2: #413f5a;
  --muted: #6E6C8A;
  --faint: #b9b8c9;
  --primary: #5B4FE8;
  --primary-hover: #3B2FB8;
  --primary-ink: #ffffff;
  --primary-soft: #eae8fc;
  --primary-soft-ink: #362ca9;
  --accent: #FF6B5B;
  --accent-soft: #ffe7e5;
  --accent-ink: #853f3e;
  --success: #18A47C;
  --success-soft: #dff2ed;
  --danger: #E5484D;
  --danger-hover: #c44046;
  --danger-soft: #fce7e8;
  --focus: #8c84ef;
  --chart-1: #5B4FE8;
  --chart-2: #E0503F;
  --chart-grid: #eae9fb;
  --chart-axis: #cecbf8;
  --font: 'Heebo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-heading: 'Rubik', 'Heebo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --brand-gradient: linear-gradient(135deg, #4F46E5 0%, #8B5CF6 100%);
  --brand-accent-dark: #E0503F;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1127;
    --surface: #181937;
    --surface-2: #1c1d42;
    --surface-3: #21204e;
    --border: #27255f;
    --border-strong: #302c76;
    --ink: #e8ecf6;
    --ink-2: #b8c1d8;
    --muted: #8c96b0;
    --faint: #5d6782;
    --primary: #6357ef;
    --primary-hover: #867cf3;
    --primary-ink: #ffffff;
    --primary-soft: #2d2a6f;
    --primary-soft-ink: #a8a2f6;
    --accent: #ff7a6b;
    --accent-soft: #4b2829;
    --accent-ink: #ffb5ad;
    --success: #74c8b0;
    --success-soft: #0f3934;
    --danger: #f09598;
    --danger-hover: #f4aeb1;
    --danger-soft: #4d2128;
    --focus: #7d73f2;
    --chart-1: #5649ee;
    --chart-2: #FF6B5B;
    --chart-grid: #222252;
    --chart-axis: #302c76;
  }
}

:root[data-theme="dark"] {
  --bg: #0f1127;
  --surface: #181937;
  --surface-2: #1c1d42;
  --surface-3: #21204e;
  --border: #27255f;
  --border-strong: #302c76;
  --ink: #e8ecf6;
  --ink-2: #b8c1d8;
  --muted: #8c96b0;
  --faint: #5d6782;
  --primary: #6357ef;
  --primary-hover: #867cf3;
  --primary-ink: #ffffff;
  --primary-soft: #2d2a6f;
  --primary-soft-ink: #a8a2f6;
  --accent: #ff7a6b;
  --accent-soft: #4b2829;
  --accent-ink: #ffb5ad;
  --success: #74c8b0;
  --success-soft: #0f3934;
  --danger: #f09598;
  --danger-hover: #f4aeb1;
  --danger-soft: #4d2128;
  --focus: #7d73f2;
  --chart-1: #5649ee;
  --chart-2: #FF6B5B;
  --chart-grid: #222252;
  --chart-axis: #302c76;
}

/* brand touches */
html[data-brand="referent"] .boot-logo { width: 64px; height: 64px; border-radius: 0; background: url("/brands/referent/logo-mark.svg") center / contain no-repeat; }
html[data-brand="referent"] .brand-mark { border-radius: 26%; }
html[data-brand="referent"] .login-wrap {
  background:
    radial-gradient(1100px 560px at 100% -10%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 62%),
    radial-gradient(800px 520px at 0% 110%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%),
    var(--bg);
}
html[data-brand="referent"] h1, html[data-brand="referent"] h2, html[data-brand="referent"] h3 { font-family: var(--font-heading); }