/* ============================================================ LU — Theme tokens (cor + forma, trocáveis em runtime) kernel.css consome estas variáveis; NUNCA define cor sozinho. Eixos independentes, combináveis: - data-scheme = "santuario" (padrão) | "aurora" | outro futuro - data-theme = "light" (padrão) | "dark" Aplicados em por `theme.js` (localStorage + prefers-color-scheme, escrito ANTES do pra não piscar). Ver theme.js pro controle (LUTheme.setScheme/setMode) e o botão em cada página. ============================================================ */ /* — SANTUÁRIO · light (o padrão de hoje da Lu — valores idênticos ao kernel.css original) — */ :root, :root[data-scheme="santuario"]{ --bg: #F5EFE6; --bg-2: #EFE7DA; --surface: #FBF7F0; --surface-soft: #F1E9DC; --sand: #E4D8C4; --taupe: #B9A88E; --clay: #9B7E5B; --gold: #B48A4C; --gold-soft: #CDAE79; --ink: #33291F; --ink-2: #6F6252; --muted: #948673; --line: #E1D5C2; --line-2: #D6C7B0; --ok: #6E8B6A; --warn: #C08A4E; --r-sm: 10px; --r: 16px; --r-lg: 26px; --r-pill: 999px; --shadow: 0 18px 50px -24px rgba(51,41,31,.35); --shadow-soft: 0 10px 30px -18px rgba(51,41,31,.28); } /* — SANTUÁRIO · dark — */ :root[data-theme="dark"], :root[data-scheme="santuario"][data-theme="dark"]{ --bg: #211A14; --bg-2: #1B150F; --surface: #2A2119; --surface-soft: #261F17; --sand: #3A2E22; --taupe: #6B5C48; --clay: #C9A47A; --gold: #D7AD6B; --gold-soft: #E8C793; --ink: #F3E9DA; --ink-2: #C9BBA6; --muted: #9C8D77; --line: #3D3123; --line-2: #4A3C2C; --ok: #8FAF88; --warn: #D9A362; --shadow: 0 18px 50px -24px rgba(0,0,0,.55); --shadow-soft: 0 10px 30px -18px rgba(0,0,0,.45); } /* — AURORA · light (alternativa mais fresca/contemplativa — sage/jade; mesma proibição de roxo/neon/gradiente-IA; forma mais arredondada de propósito, pra ser um ESTILO distinto, não só uma recolorização) — */ :root[data-scheme="aurora"]{ --bg: #F2F5F1; --bg-2: #E8EDE5; --surface: #FBFCFA; --surface-soft: #EEF2EA; --sand: #DCE4D5; --taupe: #A7B79D; --clay: #5E7A5A; --gold: #6B8F6E; --gold-soft: #9CBC97; --ink: #222B21; --ink-2: #536354; --muted: #82927E; --line: #DCE4D5; --line-2: #CAD6C0; --ok: #6E8B6A; --warn: #B98B52; --r-sm: 12px; --r: 20px; --r-lg: 30px; --r-pill: 999px; --shadow: 0 18px 50px -24px rgba(20,32,20,.30); --shadow-soft: 0 10px 30px -18px rgba(20,32,20,.24); } /* — AURORA · dark — */ :root[data-scheme="aurora"][data-theme="dark"]{ --bg: #151C15; --bg-2: #10150F; --surface: #1D251C; --surface-soft: #192016; --sand: #2B3428; --taupe: #5B6E56; --clay: #8FB08A; --gold: #8FB08A; --gold-soft: #B7D2AF; --ink: #EAF0E6; --ink-2: #BCC9B5; --muted: #8A9884; --line: #2C362A; --line-2: #374232; --ok: #8FAF88; --warn: #D9A362; --shadow: 0 18px 50px -24px rgba(0,0,0,.55); --shadow-soft: 0 10px 30px -18px rgba(0,0,0,.45); } /* — Tipografia e câmbio de tema suave (cor só, nunca layout) — */ :root{ --serif: 'Cormorant Garamond', 'Iowan Old Style', Georgia, 'Times New Roman', serif; --sans: 'Jost', -apple-system, 'Segoe UI', system-ui, sans-serif; --script:'Parisienne', 'Snell Roundhand', cursive; } body{ transition: background-color .25s ease, color .25s ease; }