/* ─────────────────────────────────────────
   tokens.css — Design tokens & CSS variables
   Fazenda dos Pinheiros
───────────────────────────────────────── */

:root {
  /* Palette — roxo como cor dominante */
  --ink:          #130e1f;
  --ink-mid:      #1c1430;
  --parchment:    #f5eedc;
  --cream:        #fdf8ef;
  --pine:         #2a1a4a;
  --moss:         #6a3db8;
  --moss-hover:   #8050d8;
  --gold:         #c8982a;
  --amber:        #e8c04a;
  --sage:         #b49fd8;
  --sage-dim:     #8a74b8;

  /* Lavanda/roxo — paleta principal */
  --lavender:       #d0b8f5;
  --lavender-dim:   #a080d8;
  --lavender-glow:  rgba(160, 100, 240, 0.20);

  /* Alpha surfaces — roxo escuro */
  --surface-card:       rgba(25, 15, 45, 0.68);
  --surface-card-hover: rgba(50, 28, 90, 0.72);
  --surface-trust:      rgba(40, 22, 75, 0.58);
  --surface-manifesto:  rgba(30, 18, 58, 0.48);
  --border-gold:        rgba(200, 152, 42, 0.28);
  --border-gold-mid:    rgba(200, 152, 42, 0.48);
  --border-gold-strong: rgba(200, 152, 42, 0.80);
  --border-white:       rgba(245, 238, 220, 0.14);
  --border-white-mid:   rgba(245, 238, 220, 0.26);

  /* Text */
  --text-primary:   #f5eedc;
  --text-secondary: rgba(245, 238, 220, 0.95);
  --text-muted:     rgba(245, 238, 220, 0.80);
  --text-faint:     rgba(245, 238, 220, 0.50);

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'DM Mono', 'Courier New', monospace;

  /* Spacing scale */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  72px;
  --space-2xl: 120px;

  /* Radius */
  --radius-sm: 3px;
  --radius-md: 8px;
  --radius-pill: 999px;

  /* Transitions */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --duration:  0.35s;
}