:root {
  --color-primary: #212121;
  --color-secondary: #828282;
  --color-accent: #d0a65d;
  --color-ink: #F4F4F8;
  --color-paper: #14161F;
  --color-surface: #1E2129;
  --footer-bg: #0a0b10;
  --footer-text: #f4f4f8;
  --header-bg: #14161f;
  --header-text: #f4f4f8;
  --color-success: #198754;
  --color-error: #dc3545;
  --color-warning: #ffc107;
  --color-info: #0dcaf0;
  --gradient-angle: 120deg;
  --gradient-primary: linear-gradient(var(--gradient-angle), #212121, color-mix(in srgb, #212121 60%, white));
  --gradient-secondary: linear-gradient(var(--gradient-angle), #828282, color-mix(in srgb, #828282 60%, white));
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --fs-h1: clamp(1.95rem, 4.35vw, 3.6rem);
  --fs-h2: clamp(1.6rem, 3.2vw, 2.6rem);
  --fs-h3: clamp(1.25rem, 2.2vw, 1.8rem);
  --fs-body: 1rem;
  --radius: 14px;
  --shadow-1: 0 16px 42px rgba(10,32,50,.12);
  --container-width: 1200px;
}