/*
  Panth — Design Tokens
  Fonte: Brandbook Panth v1.0 (Dez/2024)
  Cores primárias: Verde profundo, Bege, Dourado (tons da onça-pintada + Brasil)
  Cores secundárias: Verde médio, Dourado claro
  Tipografia: título "Kannada MN" (aproximado aqui por Cormorant Garamond) + texto "Raleway"
*/

:root {
  /* ── Cor — primárias ── */
  --panth-verde-profundo: #1B3F35;
  --panth-bege: #D9D3C7;
  --panth-dourado: #966A3B;

  /* ── Cor — secundárias ── */
  --panth-verde-medio: #4B665D;
  --panth-dourado-claro: #DBB07D;

  /* ── Cor — neutras ── */
  --panth-branco: #FFFFFF;
  --panth-preto: #12201A;
  --panth-cinza: #5A7A6A;

  /* ── Cor — superfícies ── */
  --bg-page: #F6F3EC;
  --bg-surface: #FFFFFF;
  --bg-surface-muted: #F1ECE1;
  --bg-muted: var(--bg-surface-muted);
  --bg-input: var(--bg-surface-muted);
  --bg-surface-hover: var(--panth-bege);
  --border-color: rgba(27, 63, 53, 0.12);
  --border-color-strong: rgba(27, 63, 53, 0.22);

  /* ── Cor — texto ── */
  --text-primary: var(--panth-preto);
  --text-secondary: var(--panth-verde-medio);
  --text-muted: #7C8F87;

  /* ── Cor — estado ── */
  --state-active-accent: var(--panth-verde-profundo);
  --state-beta-accent: var(--panth-dourado-claro);

  /* ── Tipografia ── */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-ui: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Espaçamento ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ── Raio ── */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* ── Sombra ── */
  --shadow-sm: 0 1px 3px rgba(18, 32, 26, 0.06);
  --shadow-card: 0 4px 18px rgba(18, 32, 26, 0.07);
  --shadow-card-hover: 0 14px 32px rgba(18, 32, 26, 0.13);
  --shadow-gold: 0 10px 30px rgba(150, 106, 59, 0.22);
  --shadow-modal: 0 24px 64px rgba(18, 32, 26, 0.28);

  /* ── Movimento ── */
  --motion-fast: 0.15s ease;
  --motion-base: 0.25s cubic-bezier(0.25, 0.8, 0.35, 1);
  --motion-slow: 0.4s cubic-bezier(0.25, 0.8, 0.35, 1);
}