/* ═══════════════════════════════════════════════════════════════════════════ tokens.css — FONTE ÚNICA dos tokens de design do FotoEvent ═══════════════════════════════════════════════════════════════════════════ Regras (ver DESIGN.md na raiz do projeto): 1. Toda cor/raio/curva nova entra AQUI como token — nunca hex solto na página. 2. Tema ESCURO é o padrão (site do convidado e política de privacidade). Tema CLARO é ativado com (painel do fotógrafo). 3. White-label (instância com a marca de outro fotógrafo): trocar apenas --accent, --accent-hover, --accent-soft (e o logo/favicon) reveste tudo. ═══════════════════════════════════════════════════════════════════════════ */ :root{ /* Tipografia */ --font-body:'Inter',system-ui,sans-serif; --font-display:'Fraunces',Georgia,serif; /* Tema escuro (padrão — experiência do convidado) */ --bg:#0a0a0a; --surface:#141414; --surface-2:#1c1c1c; --surface-3:#262626; --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.16); --text:#f5f5f5; --text-muted:#9a9a9a; --text-faint:#5e5e5e; /* Marca — champanhe/dourado */ --accent:#d4a574; --accent-hover:#e6b988; --accent-soft:rgba(212,165,116,.12); --accent-deep:#a87a4a; /* ponta escura do gradiente da marca */ /* Semânticas */ --danger:#e06b6b; --success:#7dc99a; /* Forma e movimento */ --radius:14px; --radius-sm:10px; --radius-xs:8px; --shadow-lg:0 24px 60px -20px rgba(0,0,0,.6); --ease:cubic-bezier(.2,.8,.2,1); } /* Tema claro — painel do fotógrafo (ferramenta de trabalho) */ body.theme-admin{ --bg:#faf7f2; /* creme geral */ --surface:#ffffff; /* cards, nav, sidebar */ --surface-2:#faf7f2; --surface-3:#f0ebe2; --border:#e8e3da; --border-strong:#d9d2c6; --text:#1a1814; --text-muted:#8a857d; --text-faint:#b5aea3; /* Mesmo dourado da marca, calibrado p/ fundo claro (contraste) */ --accent:#b88a52; --accent-hover:#a07642; --accent-soft:#f5ead9; --danger:#c0392b; --success:#2e7d32; --shadow-lg:0 24px 60px -20px rgba(26,24,20,.12); }