/* CorX Brand & Design System v1.0 — extracted from Brand Guidelines PDF + corx.au */

:root {
  /* Brand */
  --brand-green: #00E5BC;
  --brand-green-dark: #007F57;
  --brand-blue: #4A53FF;
  --brand-blue-accessible: #6B73FF;
  --brand-red: #F80000; /* logo mark only — not for UI accents */

  /* Semantic */
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --info: #3B82F6;

  /* Typography — Manrope exclusive */
  --font: 'Manrope', system-ui, sans-serif;
  --display: 'Manrope', system-ui, sans-serif;
  --mono: 'Manrope', system-ui, sans-serif;

  --type-hero: 72px;
  --type-h1: 56px;
  --type-h2: 44px;
  --type-h3: 32px;
  --type-h4: 24px;
  --type-lead: 20px;
  --type-body-lg: 18px;
  --type-body: 16px;
  --type-nav: 14px;
  --type-button: 15px;
  --type-eyebrow: 12px;

  --lh-body: 24px;
  --tracking-tight: -0.02em;
  --tracking-eyebrow: 0.08em;

  --header-h: 64px;
  --sidebar-w: 300px;
  --radius: 12px;
  --radius-sm: 8px;
}

:root,
html[data-theme="dark"] {
  --bg: #07090E;
  --bg-section: #0A0E16;
  --bg-elevated: #0E131F;
  --surface: #111722;
  --surface-solid: #111722;
  --surface-2: #171E2E;
  --surface-selected: #1B2335;
  --border: #1E293B;
  --border-strong: #2E3C4E;
  --border-focus: #4A53FF;
  --text: #F7F8FA;
  --text-muted: #7B8494;
  --text-secondary: #B3BAC5;
  --text-tertiary: #A0A7B4;
  --text-disabled: #596273;
  --accent: #00E5BC;
  --accent-2: #4A53FF;
  --accent-soft: rgba(0, 229, 188, 0.12);
  --user-bg: #1B2335;
  --assistant-bg: #111722;
  --glass: #111722;
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  --shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.28);
  --grad: linear-gradient(135deg, #00E5BC 0%, #4A53FF 100%);
  color-scheme: dark;
}

html[data-theme="light"] {
  --bg: #FFFFFF;
  --bg-section: #F7F7F7;
  --bg-elevated: #F2F3F5;
  --surface: #FFFFFF;
  --surface-solid: #FFFFFF;
  --surface-2: #EBEBEB;
  --surface-selected: #F2F3F5;
  --border: #E5E7EB;
  --border-strong: #D0D5DD;
  --border-focus: #4A53FF;
  --text: #000000;
  --text-muted: #737373;
  --text-secondary: #475467;
  --text-tertiary: #667085;
  --text-disabled: #999999;
  --accent: #007F57;
  --accent-2: #4A53FF;
  --accent-soft: rgba(0, 127, 87, 0.1);
  --user-bg: #0E131F;
  --assistant-bg: #FFFFFF;
  --glass: #FFFFFF;
  --shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
  --shadow-soft: 0 4px 16px rgba(15, 23, 42, 0.06);
  --grad: linear-gradient(135deg, #00E5BC 0%, #4A53FF 100%);
  color-scheme: light;
}