/* ==========================================================================
   Design tokens — paleta oficial S.E.A (ADR 0003, PRODUCT_BRIEF.md §7)
   ========================================================================== */
:root{
  /* cores de marca */
  --abyss:#0B2A4A;
  --abyss-d:#071C33;
  --ocean:#1E5F8E;
  --ocean-d:#154a70;
  --turquoise:#2EC4B6;
  --turquoise-d:#1f948a;
  --sand:#F4E1B8;
  --coral:#FF6B5B;
  --coral-d:#e5503f;
  --ink:#1A1A2E;

  /* superfícies neutras */
  --paper:#FBF8F1;
  --base:#F1F8F7;
  --surface:#ffffff;
  --muted:#5c6b78;
  --line:#dfe6e2;

  /* texto sobre fundo escuro */
  --on-dark:#eaf1f4;
  --on-dark-muted:#a9c2cf;
  --on-dark-accent:#7fd8d0;

  /* tipografia */
  --font-display:'Fraunces', Georgia, serif;
  --font-body:'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:'Space Mono', monospace;

  /* escala fluida */
  --fs-h1:clamp(2rem, 3.9vw + .65rem, 3.15rem);
  --fs-h2:clamp(1.5rem, 2.1vw + .75rem, 2.1rem);
  --fs-h3:1.1rem;
  --fs-lead:clamp(.96rem, .5vw + .84rem, 1.1rem);

  /* espaçamento e forma */
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --section-pad:96px;
  --section-pad-sm:64px;

  /* sombra */
  --shadow-sm:0 4px 14px rgba(7,28,51,.07);
  --shadow-md:0 16px 44px rgba(7,28,51,.16);
  --shadow-coral:0 10px 28px rgba(255,107,91,.32);
  --shadow-turquoise:0 10px 28px rgba(46,196,182,.3);

  /* camadas */
  --z-topbar:50;
}