/* Design tokens — Costa da Morte visual premium */
:root{
  /* Brand palette */
  --c-emerald:#1a5c4a;
  --c-navy:#1b2d4a;
  --c-gold:#c4820a;

  /* Atmosphere */
  --c-ink:#0d1626;
  --c-ink-soft:#41506a;
  --c-bg:#f3f1eb;
  --c-bg-alt:#e9e4d9;
  --c-surface:#fdfcf9;
  --c-surface-2:#f8f5ee;
  --c-dark:#0f1d34;
  --c-dark-2:#132b3f;
  --c-border:rgba(27,45,74,.16);
  --c-border-strong:rgba(27,45,74,.28);

  /* Typography */
  --font-display:'Zodiak', Georgia, 'Times New Roman', serif;
  --font-body:'Satoshi', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  /* Scale */
  --step--1:clamp(.88rem,.84rem + .2vw,.98rem);
  --step-0:clamp(1rem,.96rem + .2vw,1.12rem);
  --step-1:clamp(1.2rem,1.08rem + .5vw,1.5rem);
  --step-2:clamp(1.5rem,1.2rem + 1vw,2rem);
  --step-3:clamp(2rem,1.6rem + 1.8vw,3rem);
  --step-4:clamp(2.7rem,2rem + 3vw,4.8rem);

  /* Layout */
  --max:1160px;
  --gutter:clamp(16px,2.2vw,28px);
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:72px;

  /* Radius & shadows */
  --radius-sm:12px;
  --radius:18px;
  --radius-lg:26px;
  --shadow-sm:0 8px 20px rgba(13,22,38,.08);
  --shadow:0 18px 45px rgba(10,20,38,.13);
  --shadow-deep:0 24px 60px rgba(5,12,24,.28);

  /* Decorative gradients */
  --gradient-atlantic:linear-gradient(140deg,#0d1e35 0%,#1b2d4a 37%,#1a5c4a 100%);
  --gradient-amber:linear-gradient(120deg,rgba(196,130,10,.14),rgba(196,130,10,.03));
}