/* theme.css — branding config: colors, fonts, dark/light tokens. Single place to rebrand. */
/* ============================================================
   BRANDING CONFIG — the single place to introduce client branding.
   Everything below reads from these variables. To rebrand: change
   the values here (and the --brand-* colors), swap the SVG logo
   markup in #brand-logo, and update BRAND_NAME in the script.
   ============================================================ */
:root{
  --brand-name-placeholder: "BI Demonstration Portal";
  --brand-accent: #3ECBB4;      /* primary accent — swap for client color */
  --brand-accent-2: #F2A93B;    /* secondary accent */
  --brand-negative: #E8637A;
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --ink-950: #0B1018;
  --ink-900: #10171F;
  --ink-800: #161F2B;
  --ink-700: #202B3A;
  --ink-600: #2C3A4D;
  --ink-border: #2A3648;
  --paper-0: #F6F8FA;
  --paper-100: #FFFFFF;
  --paper-border: #E1E6EC;

  --radius-md: 10px;
  --radius-lg: 16px;
}

[data-theme="dark"]{
  --bg: var(--ink-950);
  --surface: var(--ink-900);
  --surface-2: var(--ink-800);
  --border: var(--ink-border);
  --text-hi: #EAF0F6;
  --text-mid: #9FB0C3;
  --text-low: #647289;
  --shadow: 0 8px 24px rgba(0,0,0,0.35);
}
[data-theme="light"]{
  --bg: var(--paper-0);
  --surface: var(--paper-100);
  --surface-2: #EFF2F6;
  --border: var(--paper-border);
  --text-hi: #131A25;
  --text-mid: #4B5768;
  --text-low: #8493A6;
  --shadow: 0 8px 24px rgba(20,30,45,0.08);
}