:root {
  --accent: #f5a800;
  --accent-2: #f07818;
  --ink: #16181f;
  --danger: #e05555;
  --accent-gradient: linear-gradient(90deg, var(--accent), var(--accent-2));

  --font-display: 'Unbounded', 'Noto Sans Georgian', sans-serif;
  --font-body: 'Exo 2', 'Noto Sans Georgian', system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  --fs-hero: clamp(2.625rem, 5.4vw, 5.125rem);
  --fs-page-title: clamp(1.875rem, 4vw, 3.25rem);
  --fs-section: clamp(1.75rem, 3.4vw, 2.75rem);
  --fs-band: clamp(1.625rem, 3vw, 2.5rem);
  --fs-phone: clamp(1.375rem, 2.4vw, 2rem);

  --container: 1280px;
  --container-narrow: 1000px;
  --gutter: 28px;
  --header-height: 69px;

  --notch-sm: 20px;
  --notch-md: 24px;
  --notch-lg: 28px;

  --t-fast: 0.2s;
  --t-base: 0.25s;
  --t-slow: 0.4s;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --z-base: 1;
  --z-header: 60;
  --z-modal: 80;
  --z-toast: 90;

  --bg: #101218;
  --bg-2: #161922;
  --card: #1a1e29;
  --text: #f2f2ec;
  --muted: #98a0af;
  --line: rgba(255, 255, 255, 0.09);
  --glow: rgba(245, 168, 0, 0.10);
  --header-bg: rgba(16, 18, 24, 0.72);
  --shadow: rgba(0, 0, 0, 0.5);
  --placeholder: rgba(255, 255, 255, 0.03);
  --overlay: rgba(8, 9, 12, 0.72);

  color-scheme: dark;
}

:root[data-theme='day'] {
  --bg: #f6f1e7;
  --bg-2: #fbf8f2;
  --card: #fbf8f2;
  --text: #241f1a;
  --muted: #7a7167;
  --line: rgba(48, 38, 24, 0.12);
  --glow: rgba(245, 168, 0, 0.14);
  --header-bg: rgba(246, 241, 231, 0.82);
  --shadow: rgba(60, 45, 20, 0.12);
  --placeholder: rgba(48, 38, 24, 0.04);
  --overlay: rgba(36, 28, 18, 0.5);

  color-scheme: light;
}