/* ============================================================
   PROSPERIA · Design Tokens (Brief 0.1)
   Cargar en :root del proyecto Vite.
   ============================================================ */

:root {
  /* --- Color --- */
  --color-navy-deep: #213440;
  --color-navy-medium: #344E5F;
  --color-copper-fallback: #A86B2D;
  --color-cream: #FAF9F4;
  --color-cream-soft: #F4F2EC;
  --color-mint-soft: #E0FFDF;
  --color-white: #FFFFFF;
  --color-text-on-dark: #FAF9F4;

  /* --- Spacing (base 8px) --- */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 80px;
  --space-3xl: 120px;
  --space-4xl: 160px;

  /* --- Container --- */
  --container-max-width: 1280px;
  --container-padding-mobile: 24px;
  --container-padding-tablet: 48px;
  --container-padding-desktop: 80px;
  --container-padding-wide: 120px;

  /* --- Typography --- */
  --font-sans: 'Open Sans', 'Lato', system-ui, -apple-system, sans-serif;

  /* --- Z-indices --- */
  --z-header: 1000;
  --z-modal: 1050;
  --z-mobile-overlay: 1100;
  --z-toast: 1200;

  /* --- Transitions --- */
  --transition-fast: 200ms ease-out;
  --transition-medium: 400ms ease-out;
  --transition-slow: 600ms cubic-bezier(0.16, 1, 0.3, 1);
}