/* ============================================================
   GNEXZ DESIGN SYSTEM — TOKENS
   Source of truth for all visual properties.
   To change the site's identity, edit this file only.
   ============================================================ */

:root {
  /* ── BASE — Azul Profundo ── */
  --blue-950: #0A1320;
  --blue-900: #0F1C2E;
  --blue-800: #1C2F45;
  --blue-700: #2E4A63;

  /* ── NATURAL — Verde Dessaturado ── */
  --green-900: #2F4F46;
  --green-700: #4E6B5D;
  --green-500: #7A9186;

  /* ── NEUTROS ── */
  --neutral-950: #0D0D0D;
  --neutral-900: #1A1A1A;
  --neutral-800: #3A3A3A;
  --neutral-500: #8A8A8A;
  --neutral-200: #E5E5E5;
  --neutral-100: #F5F5F5;
  --white: #FFFFFF;

  /* ── ACCENT — Amarelo Técnico ── */
  --yellow-700: #D4A017;
  --yellow-500: #F2B705;
  --yellow-300: #FFCC33;

  /* ── TIPOGRAFIA ── */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Montserrat', system-ui, sans-serif;

  /* ── ESCALA TIPOGRÁFICA (fluid) ── */
  --text-h1: clamp(3rem, 6vw, 4.5rem);
  --text-h2: clamp(2.25rem, 4vw, 3.25rem);
  --text-h3: clamp(1.5rem, 2.5vw, 2.25rem);
  --text-h4: clamp(1.125rem, 1.8vw, 1.5rem);
  --text-body-lg: 1.25rem;
  --text-body: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;

  /* ── ESPAÇAMENTO ── */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 40px;
  --sp-6: 48px;
  --sp-8: 64px;
  --sp-12: 96px;
  --sp-16: 128px;

  /* ── BORDAS ── */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* ── TRANSIÇÕES ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --duration-fast: 180ms;
  --duration-base: 320ms;
  --duration-slow: 560ms;

  /* ── LAYOUT ── */
  --nav-width: 220px;
  --content-max: 1100px;
  --section-pad: clamp(80px, 10vw, 140px);
}