:root {
  color-scheme: light;
  --color-ink: #1f2733;
  --color-muted: #5b6572;
  --color-faint: #8a93a0;
  --color-bg: #f9f9f9;
  --surface: #ffffff;
  --color-line: #e6e9ee;
  --color-line-strong: #d3d9e1;
  --dark-bg: #192231;
  --dark-bg-deep: #10161f;
  --dark-ink: #f5f7fa;
  --dark-muted: #aeb8c4;
  --dark-line: rgba(255, 255, 255, 0.14);
  --hero-overlay: linear-gradient(0deg, #10161f, rgba(16, 22, 31, 0.78));
  --color-accent: #3273dc;
  --color-accent-strong: #2557b0;
  --color-accent-soft: #e8f0fc;
  --color-accent-text: #2b62bc;
  --color-success: #0d7143;
  --color-accent-2: var(--color-accent);
  --color-accent-3: var(--color-accent);
  --gradient-accent: linear-gradient(120deg, var(--color-accent), var(--color-accent-strong));
  --gradient-panel: none;
  --color-panel: var(--surface);
  --color-panel-solid: var(--surface);
  --color-bg-raised: var(--surface);
  --font-display: 'Poppins', 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  --size-0: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 0.75rem;
  --size-3: 1rem;
  --size-4: 1.5rem;
  --size-5: 2rem;
  --size-6: 3rem;
  --size-7: 4.5rem;
  --size-8: 7rem;
  --radius-small: 0.6rem;
  --radius-medium: 1rem;
  --radius-large: 1.5rem;
  --shadow-card: 0 10px 30px rgba(25, 34, 49, 0.08);
  --shadow-accent: 0 8px 24px rgba(50, 115, 220, 0.25);
  --container: 74rem;
  --container-narrow: 48rem;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
}

.theme-dark,
.site-header,
.site-footer,
.hero,
.page-hero,
.contact-band {
  color-scheme: dark;
  color: var(--color-ink);
  --color-ink: var(--dark-ink);
  --color-muted: var(--dark-muted);
  --color-faint: #7f8a97;
  --color-bg: var(--dark-bg);
  --surface: rgba(255, 255, 255, 0.05);
  --color-line: var(--dark-line);
  --color-line-strong: rgba(255, 255, 255, 0.24);
  --color-accent-soft: rgba(50, 115, 220, 0.22);
  --color-accent-text: #8ab4f0;
  --color-panel: rgba(255, 255, 255, 0.05);
  --color-panel-solid: #1e2939;
  --shadow-card: 0 18px 50px rgba(0, 0, 0, 0.35);
}
