@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* Tokens Kairós (tokens/colors.css + typography.css + spacing.css + effects.css) —
   este arquivo só consolida as variáveis; os componentes em si estão no
   <style> inline do index.html. */
:root{
  --gold-100:#FBECC7;--gold-300:#F2C94C;--gold-500:#E0A526;--gold-700:#B37F17;--gold-900:#7A5710;
  --ink-950:#0E0E0E;--ink-900:#141414;--ink-800:#1C1C1C;--ink-700:#262626;--ink-600:#3A3A3A;
  --sand-50:#FAF6EE;--sand-100:#F5EFE4;--sand-200:#EDE4D2;--sand-border:#DDD4C0;--sand-text-muted:#6B6459;
  --paper-900:#1A1A1A;--paper-0:#FFFFFF;
  --white-broken:#F2F0EA;--gray-400:#9A968D;--gray-600:#78746A;
  --success:#3F7D5C;--success-bg:#E3F0E8;--danger:#B4453A;--danger-bg:#F8E4E1;--info:#4C6FA5;--info-bg:#E7EDF6;

  --surface-page:var(--sand-100);
  --surface-card:var(--sand-50);
  --surface-raised:var(--paper-0);
  --surface-inverse:var(--paper-900);
  --border-default:var(--sand-border);
  --text-primary:var(--paper-900);
  --text-secondary:var(--sand-text-muted);
  --text-on-inverse:var(--white-broken);
  --text-on-accent:var(--paper-900);
  --accent:var(--gold-500);
  --accent-hover:var(--gold-300);
  --accent-active:var(--gold-700);
  --focus-ring:var(--gold-500);

  --font-display:'Manrope',-apple-system,'Segoe UI',sans-serif;
  --font-body:'Inter',-apple-system,'Segoe UI',sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular',Menlo,monospace;

  --text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;
  --text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-4xl:3.5rem;

  --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;
  --leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.55;
  --tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-caps:0.08em;

  --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;--space-20:80px;--space-24:96px;

  --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--radius-circle:50%;

  --shadow-sm:0 1px 2px rgba(26,26,26,0.06);
  --shadow-card:0 2px 12px rgba(26,26,26,0.06);
  --shadow-raised:0 8px 28px rgba(26,26,26,0.10);
  --shadow-gold:0 4px 20px rgba(224,165,38,0.25);

  --shadow-sm-dark:0 1px 2px rgba(0,0,0,0.4);
  --shadow-card-dark:0 4px 16px rgba(0,0,0,0.45);
  --shadow-raised-dark:0 12px 32px rgba(0,0,0,0.55);

  --ease-standard:cubic-bezier(0.4,0,0.2,1);
  --duration-fast:120ms;
  --duration-base:200ms;
  --duration-slow:320ms;
}

*,*::before,*::after{box-sizing:border-box}