/* Design tokens aligned with empregacoop-website (app/globals.css + marketing palette) */

@font-face {
  font-family: "Surgena";
  src: url("/fonts/surgena.ttf") format("truetype");
  font-display: swap;
  font-weight: 100 900;
}

:root {
  --font-body: "Outfit", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Surgena", "Syne", ui-sans-serif, system-ui, sans-serif;
  --radius: 0.5rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;

  --marketing-brand: #6d0070;
  --marketing-lilac: #d5bfd8;
  --marketing-accent: #00c8cd;
  --marketing-blue: #0087cb;
  --marketing-magenta: #c10ed0;
  --marketing-white: #ffffff;
  --marketing-deep: #1e0020;
  --marketing-navy: #150017;
  --marketing-paper: #f3f1f4;
  --marketing-paper-strong: #ebe6ec;

  --marketing-hero-gradient-start: #6d0070;
  --marketing-hero-gradient-mid: #7b1685;
  --marketing-hero-gradient-end: #4d0050;

  --marketing-outcome-gradient-start: #ffffff;
  --marketing-outcome-gradient-mid-1: #f4eef5;
  --marketing-outcome-gradient-mid-2: #ecdced;
  --marketing-outcome-gradient-end: #d5bfd8;

  --marketing-cta-gradient-start: #d5bfd8;
  --marketing-cta-gradient-mid-1: #0087cb;
  --marketing-cta-gradient-mid-2: #48004b;
  --marketing-cta-gradient-end: #150017;

  --marketing-footer-gradient-start: #5a005d;
  --marketing-footer-gradient-end: #2a002c;

  --text-on-dark: rgba(255, 255, 255, 0.82);
  --text-muted-dark: rgba(255, 255, 255, 0.72);
  --text-on-light: #556789;
  --text-heading-light: var(--marketing-navy);

  --header-bg: rgba(8, 20, 47, 0.52);
  --header-border: rgba(255, 255, 255, 0.08);
  --destructive: #b42318;
  --success: #0d7a5c;
}