:root{
  /* primitivos (não usar direto em componente) */
  --p-marinho:#091235; --p-ardosia:#2B4257; --p-aco:#4E6178; --p-telhado:#9BA7B9; --p-nevoa:#C9D3DC;
  --p-gelo:#E4EAEF; --p-papel:#F3F5F7; --p-branco:#FFFFFF; --p-grafite-logo:#616063; --p-cinza-texto:#5A6573;

  /* cores semânticas (60 neutros / 30 marinho / 10 telhado) */
  --background:var(--p-papel);
  --foreground:var(--p-marinho);
  --card:var(--p-branco);
  --surface-1:var(--p-branco);
  --surface-2:var(--p-gelo);
  --surface-inverse:var(--p-marinho);
  --primary:var(--p-marinho);
  --primary-foreground:var(--p-branco);
  --action:var(--p-marinho);
  --action-hover:var(--p-ardosia);
  --heading:var(--p-ardosia);
  --text-secondary:var(--p-cinza-texto);
  --accent:var(--p-aco);            /* eyebrow e destaques sobre claro (5.8:1) */
  --accent-on-dark:var(--p-telhado);/* eyebrow sobre marinho (7.5:1) */
  --text-on-dark:var(--p-gelo);
  --muted-on-dark:var(--p-nevoa);
  --border:rgba(9,18,53,.14);
  --border-strong:rgba(9,18,53,.32);
  --border-on-dark:rgba(201,211,220,.24);
  --ring:var(--p-aco);
  --destructive:#A3262A;
  --status-ok:#2F6B4F;

  /* espaçamento (escala 4px) */
  --space-page-x:clamp(20px,4.2vw,64px);
  --space-section:clamp(72px,10vw,144px);
  --space-card:clamp(20px,2.2vw,32px);
  --space-stack-xs:8px; --space-stack-sm:12px; --space-stack-md:20px; --space-stack-lg:32px; --space-stack-xl:48px;
  --space-cluster-sm:12px; --space-cluster-md:20px; --space-cluster-lg:32px;
  --container:1320px;
  --measure:62ch;

  /* raios: geometria reta do logo, quase sem raio */
  --radius-sm:2px; --radius-md:3px; --radius-lg:4px; --radius-xl:6px;

  /* tipografia */
  --font-display:"Urbanist","Manrope",system-ui,sans-serif;
  --font-sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --type-display:clamp(2.4rem,5.4vw,4.6rem); --lh-display:1.04; --tr-display:.01em;
  --type-h1:clamp(2.1rem,4.2vw,3.5rem); --lh-h1:1.08;
  --type-h2:clamp(1.8rem,3.4vw,2.85rem); --lh-h2:1.12;
  --type-h3:clamp(1.15rem,1.6vw,1.4rem); --lh-h3:1.25;
  --type-h4:1.05rem; --lh-h4:1.3;
  --type-body:1.0625rem; --lh-body:1.65;
  --type-small:.9rem; --lh-small:1.5;
  --type-label:.8125rem; --tr-label:.08em;
  --type-eyebrow:.78rem; --tr-eyebrow:.22em;

  /* sombras (tintadas no marinho, discretas) */
  --shadow-card:0 1px 0 rgba(9,18,53,.06),0 14px 34px -22px rgba(9,18,53,.28);
  --shadow-overlay:0 30px 80px -30px rgba(9,18,53,.55);

  /* movimento (sistema da casa: curto + easing longo, sem bounce) */
  --ease-out:cubic-bezier(.16,.84,.28,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --duration-fast:.22s; --duration-base:.6s; --duration-slow:1.1s; --duration-reveal:.9s;
}