/* ============================================================ FADUS · VISION BOOK — TOKENS Tudo o que define o carácter de uma proposta vive aqui. Nada de hex soltos no CSS das secções: só estas variáveis. Presets aplicam-se em e podem ser sobrepostos individualmente por inline style no mesmo nó — é assim que o Studio ajusta ao vivo e é assim que o admin do fadus-digital-system vai gravar as escolhas por proposta. ============================================================ */ :root { /* ---- superfície ---- */ --bg: #050403; --ink: #EDE6D6; --muted: rgba(237, 230, 214, .58); --faint: rgba(237, 230, 214, .33); --line: rgba(237, 230, 214, .13); /* ---- acento ---- */ --gold: #C6A15B; --gold-hi: #EBD3A0; --gold-dim: rgba(198, 161, 91, .38); --accent: var(--gold); /* o chrome do motor herda daqui */ /* ---- tipografia ---- */ --serif: 'Prata', 'Didot', Georgia, serif; --sans: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif; --mono: 'JetBrains Mono', ui-monospace, monospace; --display-family: var(--serif); --display-weight: 400; --display-tracking: -.014em; --display-scale: 1; /* multiplica todos os títulos */ --display-case: none; /* none | uppercase */ --body-family: var(--sans); --body-weight: 300; --body-scale: 1; --eyebrow-tracking: .34em; /* ---- movimento ---- */ --reveal-dur: 1.25s; /* subida das linhas de título */ --reveal-ease: cubic-bezier(.19, 1, .22, 1); --bloom-dur: 1.35s; /* saída do negro entre capítulos */ --settle-dur: 7.5s; /* assentar lento da imagem de fundo */ --ring-dur: 3s; /* desenho do arco dourado */ /* ---- atmosfera ---- */ --grain: .28; /* 0 = limpo, .5 = muito filme */ --image-dim: .46; /* opacidade base das imagens de fundo */ --shimmer-dur: 8s; /* brilho que atravessa o ouro */ } /* ============================================================ PRESETS ============================================================ */ /* OBSIDIAN — livro de arte. O default. */ :root[data-theme="obsidian"] { --bg: #050403; --gold: #C6A15B; --display-family: var(--serif); --display-case: none; --display-tracking: -.014em; --grain: .28; } /* FADUS — alinhado com a marca: ouro oficial, display sem serifa, maiúsculas com ar. Mais perto do fadusevents.com. */ :root[data-theme="fadus"] { --bg: #0A0A0A; --ink: #F0EDE6; --gold: #C9A84C; --gold-hi: #E8D08A; --gold-dim: rgba(201, 168, 76, .38); --display-family: var(--sans); --display-weight: 500; --display-tracking: -.028em; --display-case: none; --grain: .16; --image-dim: .5; } /* SOVEREIGN — corporativo frio. Sem ouro: platina. Para bancos, farmacêuticas, tecnologia. */ :root[data-theme="sovereign"] { --bg: #06080A; --ink: #E9EDF0; --muted: rgba(233, 237, 240, .58); --faint: rgba(233, 237, 240, .32); --line: rgba(233, 237, 240, .12); --gold: #A8B4BE; --gold-hi: #DCE4EA; --gold-dim: rgba(168, 180, 190, .34); --display-family: var(--sans); --display-weight: 200; --display-case: uppercase; --display-tracking: .12em; --display-scale: .82; --eyebrow-tracking: .28em; --grain: .1; --shimmer-dur: 0s; --image-dim: .38; } /* CANDLELIT — quente e íntimo. Casamentos, jantares privados, eventos com fogo e madeira. */ :root[data-theme="candlelit"] { --bg: #0B0704; --ink: #F5EADA; --muted: rgba(245, 234, 218, .6); --gold: #E0A863; --gold-hi: #F7DCB4; --gold-dim: rgba(224, 168, 99, .4); --display-family: var(--serif); --display-tracking: -.008em; --display-scale: 1.04; --grain: .34; --image-dim: .58; --settle-dur: 9s; } /* ============================================================ MOVIMENTO — perfis rápidos (data-motion) ============================================================ */ :root[data-motion="calm"] { --reveal-dur: 1.55s; --bloom-dur: 1.7s; --settle-dur: 10s; --ring-dur: 3.6s; } :root[data-motion="brisk"] { --reveal-dur: .85s; --bloom-dur: .85s; --settle-dur: 5s; --ring-dur: 2s; } :root[data-motion="still"] { --reveal-dur: .4s; --bloom-dur: .45s; --settle-dur: 0s; --ring-dur: 1.2s; --grain: 0; --shimmer-dur: 0s; } @media (prefers-reduced-motion: reduce) { :root { --reveal-dur: .01ms; --bloom-dur: .01ms; --settle-dur: 0s; --ring-dur: .01ms; --shimmer-dur: 0s; --grain: 0; } }