:root {
  --secret-black: #030303;
  --secret-black-soft: #080607;
  --secret-surface: #0d090a;
  --secret-surface-2: #140b0d;

  --secret-oxblood: #26070b;
  --secret-oxblood-2: #4b0c14;
  --secret-crimson: #8f1522;
  --secret-red: #d51f32;
  --secret-neon: #ff3047;
  --secret-neon-soft: #ff5969;

  --secret-champagne: #c7a56a;
  --secret-ivory: #f4eee7;
  --secret-ivory-muted: #d8cec5;
  --secret-muted: #a89a94;

  --secret-line: #3a191e;
  --secret-line-soft: rgba(255,255,255,.12);

  --container: 1240px;

  --gutter-desktop: 32px;
  --gutter-tablet: 24px;
  --gutter-mobile: 18px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;
  --space-10: 96px;
  --space-11: 128px;

  --radius-xs: 2px;
  --radius-media: 4px;

  --transition-fast: 160ms cubic-bezier(.2,.7,.2,1);
  --transition-ui: 240ms cubic-bezier(.2,.7,.2,1);
  --transition-reveal: 360ms cubic-bezier(.2,.7,.2,1);

  --glow-soft: 0 0 14px rgba(255,48,71,.20);
  --glow-medium: 0 0 22px rgba(255,48,71,.30);
  --glow-sign:
      0 0 8px rgba(255,48,71,.70),
      0 0 28px rgba(213,31,50,.38);

  --font-editorial: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-utility: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-script: "Allura", "Segoe Script", "Brush Script MT", cursive;

  --container-wide: 1440px;
  --container-narrow: 820px;
  --container-form: 920px;
  --header-height: 64px;
  --page-gutter: var(--gutter-mobile);
  --section-space: 52px;
}

@media (min-width: 768px) {
  :root {
    --page-gutter: var(--gutter-tablet);
    --section-space: 72px;
  }
}

@media (min-width: 1024px) {
  :root {
    --header-height: 84px;
  }
}

@media (min-width: 1280px) {
  :root {
    --page-gutter: var(--gutter-desktop);
    --section-space: var(--space-10);
  }
}