/**
 * Mara Lima — Design System institucional/editorial
 * Estes tokens são a fonte única de verdade do layout.
 */

:root {
  --navy: #0c2e40;
  --navy-dark: #08283c;
  --green: #154c2d;
  --green-light: #17633d;
  --gold: #d9a32c;
  --gold-light: #e4b84b;
  --cream: #f4f0ea;
  --cream-alt: #ede8e0;
  --text: #15212a;
  --white: #ffffff;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  --color-navy: var(--navy);
  --color-navy-deep: var(--navy-dark);
  --color-green: var(--green);
  --color-green-deep: var(--green);
  --color-yellow: var(--gold);
  --color-gold: var(--gold);
  --color-gold-soft: var(--gold-light);

  --color-rosa: #c23c72;
  --color-red: #a83d38;
  --color-purple: #654b78;
  --color-orange: #bd6e31;
  --color-teal: var(--green-light);

  --color-primary-950: var(--navy-dark);
  --color-primary-900: var(--navy);
  --color-primary-700: var(--green);
  --color-primary-500: var(--gold);
  --color-accent: var(--green);
  --color-accent-bright: var(--gold);

  --color-surface: var(--white);
  --color-background: var(--cream);
  --color-text: var(--text);
  --color-text-muted: #46535b;

  --header-scrolled-mode: light;
  --header-height: 84px;
  --max-width: 1280px;
  --section-spacing: var(--space-3xl);
  --radius-sm: 4px;
  --radius-lg: 24px;
  --grain-opacity: 0;

  --font-display: "Montserrat", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "Montserrat", system-ui, sans-serif;
  --font-script: "Great Vibes", cursive;
}

.logo { width: auto; height: auto; }