@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

:root {
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --text-h1: clamp(3rem, 8vw, 6.5rem);
  --text-h2: clamp(2rem, 5vw, 3.5rem);
  --text-h3: clamp(1.25rem, 2.5vw, 1.75rem);
  --text-app-name: clamp(2.5rem, 5vw, 4rem);
  --text-body: 1.0625rem;
  --text-small: 0.875rem;
  --text-xs: 0.8125rem;

  --lh-display: 1.05;
  --lh-body: 1.6;

  --space-section: clamp(80px, 12vw, 160px);
  --space-app: clamp(60px, 8vw, 120px);
  --max-width: 1200px;
  --max-prose: 680px;

  --radius-card: 16px;
  --radius-hero: 24px;
  --radius-pill: 999px;
  --radius-control: 12px;

  --accent-decode: #6366F1;
  --accent-decode-rgb: 99, 102, 241;
  --accent-welle: #FFD864;
  --accent-welle-rgb: 255, 216, 100;
  --accent-mergeparty: #1E88FF;
  --accent-mergeparty-rgb: 30, 136, 255;
  --accent-office: #89BA15;
  --accent-office-rgb: 137, 186, 21;
  --accent-homeflix: #D42426;
  --accent-homeflix-rgb: 212, 36, 38;
  --accent-gi24: #4ECDC4;
  --accent-gi24-rgb: 78, 205, 196;

  --color-live: #10B981;

  --aurora-color-1: #7C6CC8;
  --aurora-color-2: #E8956A;
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --color-bg: #FAFAF7;
  --color-bg-rgb: 250, 250, 247;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F5F5F0;
  --color-text: #1A1A1A;
  --color-text-secondary: #555555;
  --color-text-muted: rgba(0, 0, 0, 0.4);
  --color-border: rgba(0, 0, 0, 0.08);
  --color-border-strong: rgba(0, 0, 0, 0.15);
  --color-card-bg: rgba(255, 255, 255, 0.7);
  --color-header-bg: rgba(250, 250, 247, 0.0);
  --color-header-bg-scroll: rgba(250, 250, 247, 0.85);
  --shadow-soft: 0 24px 60px -20px rgba(0, 0, 0, 0.12);
  --shadow-card: 0 8px 32px -8px rgba(0, 0, 0, 0.08);
  --aurora-opacity: 0.18;
  --sweep-color: rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #1A1A1A;
  --color-bg-rgb: 26, 26, 26;
  --color-surface: #242424;
  --color-surface-alt: #2E2E2E;
  --color-text: #F0F0F0;
  --color-text-secondary: #AAAAAA;
  --color-text-muted: rgba(255, 255, 255, 0.4);
  --color-border: rgba(255, 255, 255, 0.07);
  --color-border-strong: rgba(255, 255, 255, 0.12);
  --color-card-bg: rgba(255, 255, 255, 0.04);
  --color-header-bg: rgba(26, 26, 26, 0.0);
  --color-header-bg-scroll: rgba(26, 26, 26, 0.85);
  --shadow-soft: 0 24px 60px -20px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 8px 32px -8px rgba(0, 0, 0, 0.4);
  --aurora-opacity: 0.22;
  --sweep-color: rgba(255, 255, 255, 0.06);
}

[data-theme="light"] .icon-sun,
[data-theme="dark"] .icon-moon { display: none; }