/* ========================================================================
   Tokens do design system Avalon (Claude Design 587c76ee), copiados
   integralmente. Fonte da verdade do visual: nao editar a mao,
   re-sincronizar do projeto de design quando ele mudar.
   ======================================================================== */
:root{
/* — Véu (fundos noturnos) — */
--night-950:#07060D;--night-900:#0B0A12;--night-800:#14121E;--night-700:#1D1A2C;--night-600:#2A2440;--night-500:#3A3356;
/* — Névoa / osso (texto e superfícies claras) — */
--bone-50:#FBF7EF;--bone-100:#F2ECE0;--bone-200:#DCD2C0;--mist-400:#B9AFCB;--mist-500:#8F85A5;--mist-600:#655D7A;
/* — Ouro velho (metal ritual, acento primário) — */
--gold-300:#F0DFA8;--gold-400:#E3C567;--gold-500:#C9A227;--gold-600:#9A7A1B;--gold-700:#6B5411;
/* — Verde de Avalon (musgo celta, acento secundário) — */
--moss-300:#8FC0A9;--moss-400:#4E8C74;--moss-500:#3A6F5B;--moss-600:#2F5D50;--moss-700:#1E3B34;
/* — Lua de sangue (alerta / arcanos invertidos) — */
--garnet-300:#D98098;--garnet-400:#B2405F;--garnet-500:#8E2C48;--garnet-600:#7A1F3D;--garnet-700:#4B1226;
/* — Ametista (mistério, estados de foco) — */
--amethyst-300:#9B84C9;--amethyst-400:#7E64B3;--amethyst-500:#6B4E9B;--amethyst-600:#4E3775;

/* — Semânticos — */
--bg-veil:var(--night-950);          /* fundo raiz da noite */
--bg-altar:var(--night-900);         /* fundo de seção */
--surface-card:var(--night-800);     /* cartas, painéis */
--surface-raised:var(--night-700);   /* menus, popovers, campos */
--surface-inlay:rgba(242,236,224,.04);
--surface-veil-blur:rgba(11,10,18,.72);

--text-display:var(--bone-100);
--text-body:var(--bone-200);
--text-muted:var(--mist-500);
--text-ritual:var(--gold-400);       /* eyebrows, números romanos, labels */
--text-on-gold:var(--night-950);
--text-on-moss:var(--bone-50);

--border-rune:rgba(201,162,39,.28);  /* fio de ouro padrão */
--border-rune-strong:rgba(201,162,39,.55);
--border-soft:rgba(242,236,224,.10);
--border-moss:rgba(78,140,116,.42);

--accent-gold:var(--gold-500);
--accent-moss:var(--moss-500);
--accent-amethyst:var(--amethyst-500);
--danger:var(--garnet-400);
--success:var(--moss-400);
--focus-ring:var(--amethyst-300);

/* Camada clara: pergaminho (usada em recibos, e-mails, impressos) */
--parchment:#EDE3CE;--parchment-ink:#2A2116;
}
:root{
--font-display:"Cinzel",Georgia,serif;              /* títulos, arcanos, botões */
--font-body:"Cormorant Garamond",Georgia,serif;     /* leitura longa */
--font-ornament:"Uncial Antiqua","Cinzel",serif;    /* uso ritual, 1 palavra por tela */
--font-mono:"JetBrains Mono",ui-monospace,monospace;/* horários, códigos, tokens */

--fs-ritual:11px;   /* eyebrow / label versalete */
--fs-xs:13px;--fs-sm:15px;--fs-md:18px;--fs-lg:21px;--fs-xl:27px;
--fs-2xl:34px;--fs-3xl:44px;--fs-4xl:58px;--fs-5xl:76px;--fs-6xl:99px;

--lh-tight:1.08; /* @kind other */
--lh-snug:1.25; /* @kind other */
--lh-body:1.62; /* @kind other */
--lh-loose:1.8; /* @kind other */

--tracking-ritual:.34em; /* @kind other */   /* eyebrows em caixa alta */
--tracking-display:.06em; /* @kind other */
--tracking-body:0; /* @kind other */

--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
}
:root{
/* Escala Fibonacci — passo irregular, orgânico, nunca grade 4/8 rígida */
--space-1:2px;--space-2:5px;--space-3:8px;--space-4:13px;--space-5:21px;
--space-6:34px;--space-7:55px;--space-8:89px;--space-9:144px;

--gutter-page:34px;--gutter-page-lg:55px;
--maxw-prose:62ch;--maxw-content:1180px;--maxw-narrow:720px;

--radius-xs:3px;--radius-sm:5px;--radius-md:9px;--radius-lg:14px;--radius-pill:999px;
--radius-arch:110px 110px 9px 9px;  /* topo em arco: carta de tarô, portal, nicho */

--card-ratio:.583; /* @kind other */   /* 7:12 — proporção de carta de tarô */
--hit-min:44px;
}
:root{
--shadow-veil:0 18px 55px rgba(4,3,9,.72);
--shadow-lift:0 8px 21px rgba(4,3,9,.55);
--shadow-inlay:inset 0 1px 0 rgba(242,236,224,.07);
--glow-gold:0 0 21px rgba(227,197,103,.30);
--glow-moss:0 0 21px rgba(78,140,116,.32);
--glow-amethyst:0 0 26px rgba(155,132,201,.34);

--blur-veil:blur(13px); /* @kind other */
--overlay-scrim:linear-gradient(180deg,rgba(7,6,13,0) 0%,rgba(7,6,13,.86) 78%); /* @kind other */
--overlay-altar:radial-gradient(120% 90% at 50% 0%,rgba(107,78,155,.22) 0%,rgba(7,6,13,0) 62%); /* @kind other */
--gradient-gold:linear-gradient(180deg,var(--gold-300) 0%,var(--gold-500) 52%,var(--gold-700) 100%); /* @kind color */
--gradient-veil:linear-gradient(180deg,var(--night-900) 0%,var(--night-950) 100%); /* @kind color */

/* Textura de estrelas: pontos de ouro esparsos sobre o véu */
--texture-stars:radial-gradient(1px 1px at 18% 22%,rgba(240,223,168,.55) 50%,transparent 51%),radial-gradient(1px 1px at 63% 11%,rgba(240,223,168,.38) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 81% 47%,rgba(240,223,168,.42) 50%,transparent 51%),radial-gradient(1px 1px at 34% 71%,rgba(240,223,168,.30) 50%,transparent 51%),radial-gradient(1px 1px at 8% 88%,rgba(240,223,168,.34) 50%,transparent 51%); /* @kind other */
--texture-stars-size:340px 340px; /* @kind other */
}
:root{
--dur-quick:160ms; /* @kind other */
--dur-base:320ms; /* @kind other */
--dur-veil:720ms; /* @kind other */
--dur-reveal:1100ms; /* @kind other */
--ease-veil:cubic-bezier(.22,.61,.36,1); /* @kind other */      /* padrão: entra rápido, assenta devagar */
--ease-out-soft:cubic-bezier(.16,1,.3,1); /* @kind other */
--ease-in-out-slow:cubic-bezier(.65,0,.35,1); /* @kind other */ /* virar carta */
--float-amplitude:6px; /* @kind other */
}
@keyframes av-float{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--float-amplitude)*-1))}}
@keyframes av-shimmer{0%{background-position:-120% 0}100%{background-position:220% 0}}
@keyframes av-fade-up{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}