/* Pixiu: verde-preto, jade e ouro.
   Fonte única dos tokens. O painel importa este arquivo e não escreve cor própria. */

:root {
  /* Marca */
  --ink-0: #0a0f0d;
  --ink-1: #0e1512;
  --ink-2: #111b17;
  --ink-3: #172520;
  --ink-4: #1d2e27;
  --gold: #e8b84a;
  --gold-2: #f1d492;
  --gold-dim: #806529;
  --cinnabar: #ff4d5e;
  --cinnabar-2: #ff9da6;
  --cinnabar-deep: #b83744;
  --jade: #00e08a;
  --jade-2: #5cffb8;
  --jade-deep: #00b56f;
  --ivory: #e8f2ec;
  --muted: #8b9c94;
  --faint: #7f8c86;
  --paper: #02140c;

  /* Papéis. A tela usa estes nomes, não os da marca. */
  --bg: var(--ink-0);
  --side: var(--ink-1);
  --surface: var(--ink-2);
  --surface-2: var(--ink-3);
  --surface-3: var(--ink-4);
  --text: var(--ivory);
  --line: color-mix(in srgb, var(--ivory) 12%, transparent);
  --line-soft: color-mix(in srgb, var(--ivory) 7%, transparent);
  --line-strong: color-mix(in srgb, var(--ivory) 22%, transparent);
  --positive: var(--jade);
  --positive-text: var(--jade-2);
  --positive-wash: color-mix(in srgb, var(--jade) 9%, transparent);
  --negative: var(--cinnabar);
  --negative-text: var(--cinnabar-2);
  --negative-wash: color-mix(in srgb, var(--cinnabar) 9%, transparent);
  --revenue: var(--gold);
  --revenue-text: var(--gold-2);
  --revenue-wash: color-mix(in srgb, var(--gold) 8%, transparent);
  --action: var(--jade);
  --on-action: var(--paper);
  --seal: var(--gold-2);
  --seal-line: var(--gold-dim);
  --scrim: color-mix(in srgb, #000 56%, transparent);
  --shadow: 0 16px 40px color-mix(in srgb, #000 45%, transparent);
  --focus: var(--jade-2);

  /* Tipo */
  --serif: "Cormorant Garamond", "Noto Serif SC", Palatino, "Palatino Linotype", serif;
  --sc: "Noto Serif SC", "Songti SC", "SimSun", serif;
  --sans: Outfit, "Avenir Next", "Segoe UI", sans-serif;
  --t-xs: 12px;
  --t-sm: 13px;
  --t-base: 14px;
  --t-md: 16px;
  --t-lg: 21px;
  --t-xl: 28px;
  --t-2xl: 44px;
  --t-hero: clamp(52px, 7vw, 88px);

  /* Espaço, base 4 */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-6: 24px;
  --s-8: 32px;
  --s-12: 48px;

  /* Forma */
  --radius: 2px;
  --r-card: 10px;
  --r-pill: 999px;
}