/* ============================================================
   PHEELVOX · CÂNONE — TOKENS (paleta D14/D35 · G6 · tipografia D27)
   Fonte: Design system Pheelvox consolidado /tokens
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Geist:wght@300..700&family=Geist+Mono:wght@400..600&display=swap');

:root {
  /* --- Primitivos mitológicos --- */
  --paros: #F4F1EA;
  --nero: #0C0C0E;
  --aegean: #050E20;
  --prometheus: #F0561F;
  --porphyry: #C4202C;
  --talos: #B07C42;
  --amber: #E8933A;

  --paros-2: #ECE7DB;
  --paros-3: #E1DACA;
  --nero-2: #141418;
  --nero-3: #1D1D23;
  --aegean-2: #0C1631;
  --aegean-3: #142248;
  --talos-soft: rgba(176, 124, 66, 0.16);

  /* Ícor — Pórfiro → Prometeu → Âmbar. Corre nas fissuras, nunca fundo. */
  --ichor: linear-gradient(135deg, var(--porphyry) 0%, var(--prometheus) 55%, var(--amber) 100%);
  --ichor-h: linear-gradient(90deg, #B34A18, #F0561F);

  /* --- Semânticos — tema Paros (claro, default editorial) --- */
  --bg-base: var(--paros);
  --bg-subtle: var(--paros-2);
  --bg-inverse: var(--nero);
  --surface-card: #FAF7F0;
  --surface-sunken: var(--paros-2);
  --text-primary: #10141F;
  --text-secondary: #3E4353;
  --text-tertiary: #837E6E;
  --text-inverse: var(--paros);
  --accent: var(--prometheus);
  --accent-strong: var(--porphyry);
  --accent-text: #C24310;
  --bronze: var(--talos);
  --danger: var(--porphyry);
  --border-subtle: rgba(5, 14, 32, 0.14);
  --border-strong: rgba(5, 14, 32, 0.34);
  --focus-ring: var(--prometheus);
  --scrim: rgba(5, 14, 32, 0.55);

  /* --- Tipografia: duas vozes, nunca três --- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-sans: "Geist", "Helvetica Neue", Helvetica, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --leading-display: 1.02;
  --leading-tight: 1.15;
  --leading-normal: 1.6;
  --tracking-display: -0.015em;
  --tracking-caps: 0.1em;
  --tracking-label: 0.18em;
  --weight-display: 540;

  /* --- Espaço --- */
  --container: 1240px;
  --gutter: 24px;

  /* --- Superfície --- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-soft: 0 1px 2px rgba(12, 12, 14, 0.05), 0 6px 20px rgba(12, 12, 14, 0.06);
  --shadow-lift: 0 2px 6px rgba(12, 12, 14, 0.08), 0 18px 44px rgba(12, 12, 14, 0.14);

  /* --- Movimento — contido, editorial. Nada salta. --- */
  --ease-brand: cubic-bezier(0.22, 0.61, 0.21, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-med: 300ms;
  --dur-slow: 600ms;
}