/* ═══════════════════════════════════════════════════════════════ DayAtlas — A/B/C design themes Applied via html.t-b / html.t-c (set in for anti-FOUC) Also mirrored on body.t-b / body.t-c after DOMContentLoaded No DOM changes — CSS only. ═══════════════════════════════════════════════════════════════ */ /* ────────────────────────────────────────────────────────────── THEME B · Paper Almanac ────────────────────────────────────────────────────────────── */ /* Token overrides */ html.t-b, body.t-b { --bg: #F7F2E7; --card: #FBF7EE; --card2: #FBF7EE; --line: #D8CFBE; --text: #1B1713; --muted: #6B6258; --dim: #9A917F; --gold: #A67C3B; --grad: #C5301F; --wood: #3E6B4F; --fire: #B23A2A; --earth: #A67C3B; --metal: #8C8C84; --water: #2F5D7C; } /* Body: paper bg, no radial gradient, serif font */ html.t-b body { background: #F7F2E7; font-family: Georgia, 'Iowan Old Style', 'Times New Roman', serif; font-variant-numeric: tabular-nums; } /* h1 — no gradient clip text */ html.t-b h1 { background: none; -webkit-background-clip: unset; background-clip: unset; color: #1B1713; } /* Brand logo */ html.t-b .brand { background: none; -webkit-background-clip: unset; background-clip: unset; color: #1B1713; } /* sec-label */ html.t-b .sec-label { color: #6B6258; border-bottom: 1px solid #D8CFBE; padding-bottom: 6px; } /* All cards → flat paper sheet, no glass, radius 2px */ html.t-b .form-card, html.t-b .pillar-card, html.t-b .dm-card, html.t-b .strength-card, html.t-b .tengods-card, html.t-b .elem-card, html.t-b .noble-card, html.t-b .year-card, html.t-b .luck-card, html.t-b .today-card, html.t-b .offer-card, html.t-b .email-card, html.t-b .day-check, html.t-b .blind-card, html.t-b .week-cell, html.t-b .hero-demo, html.t-b .demo-pill { border-radius: 2px; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; } /* Remove all glow text-shadows on ierogli */ html.t-b .p-chars, html.t-b .dm-char, html.t-b .luck-gz, html.t-b .year-gz, html.t-b .stars { text-shadow: none; } /* Buttons: ink block, uppercase, no glow */ html.t-b .btn-primary, html.t-b .btn-offer, html.t-b .btn-sm { background: #1B1713; background-image: none; color: #F7F2E7; border-radius: 0; letter-spacing: 1.4px; text-transform: uppercase; box-shadow: none; font-family: Georgia, serif; } html.t-b .btn-primary:hover, html.t-b .btn-offer:hover, html.t-b .btn-sm:hover { transform: none; box-shadow: none; background: #2e2a24; } /* Links */ html.t-b a { color: #2F5D7C; text-decoration: underline; } html.t-b .topnav a { color: #6B6258; text-decoration: none; } html.t-b .topnav a:hover { color: #1B1713; } html.t-b .btn-primary, html.t-b .btn-offer, html.t-b .offer-sample, html.t-b .blind-skip, html.t-b .copy-btn { text-decoration: none; } html.t-b .offer-sample { color: #A67C3B; } /* Gear/Stars → kinovar seal */ html.t-b .stars { background: #C5301F; color: #FBF7EE !important; border-radius: 0; padding: 8px 12px; box-shadow: inset 0 0 0 2px #FBF7EE, inset 0 0 0 4px #C5301F; display: inline-block; letter-spacing: 1px; } /* Offer hero — warm accent */ html.t-b .offer-hero { background: #FBF7EE; border: 1px solid #A67C3B; } /* Noble card */ html.t-b .noble-card { background: linear-gradient(150deg, rgba(166,124,59,.07), #FBF7EE); border-color: rgba(166,124,59,.35); } html.t-b .noble-times { color: #A67C3B; } /* Luck pillar current */ html.t-b .luck-card.cur { border-color: #2F5D7C; background: rgba(47,93,124,.06); box-shadow: 0 0 0 1px #2F5D7C; } html.t-b .luck-here { color: #2F5D7C; } /* Strength badges */ html.t-b .strength-strong { background: rgba(62,107,79,.14); color: #3E6B4F; } html.t-b .strength-weak { background: rgba(178,58,42,.14); color: #B23A2A; } html.t-b .strength-moderate{ background: rgba(166,124,59,.15); color: #A67C3B; } /* Ten gods badge */ html.t-b .p-god { background: rgba(166,124,59,.14); color: #6B6258; } /* Ten gods bar */ html.t-b .tg-bar { background: #A67C3B; } /* Input focus ring */ html.t-b input:focus, html.t-b select:focus { border-color: #2F5D7C; box-shadow: 0 0 0 3px rgba(47,93,124,.15); } /* Bars */ html.t-b .tg-bar-wrap, html.t-b .elem-bar-wrap { background: rgba(27,23,19,.07); } html.t-b .elem-bar { box-shadow: none; } /* Week cell today */ html.t-b .week-cell.today { border-color: #2F5D7C; box-shadow: 0 0 0 1px #2F5D7C; } /* Email card */ html.t-b .email-card { background: rgba(47,93,124,.06); border-color: rgba(47,93,124,.3); } /* Copy button */ html.t-b .copy-btn { border-color: #D8CFBE; color: #6B6258; } html.t-b .copy-btn:hover { border-color: #2F5D7C; color: #1B1713; } /* Hero demo */ html.t-b .hero-demo { background: #FBF7EE; border: 1px solid #D8CFBE; box-shadow: none; } html.t-b .demo-pill { background: #F7F2E7; } html.t-b .demo-pill.dp-dm { border-color: rgba(62,107,79,.5); box-shadow: none; } html.t-b .demo-life { color: #A67C3B; border-color: rgba(166,124,59,.5); } /* Scrollbar */ html.t-b { scrollbar-color: rgba(27,23,19,.2) transparent; } /* ────────────────────────────────────────────────────────────── THEME C · Dashboard (Swiss instrument) ────────────────────────────────────────────────────────────── */ /* Token overrides */ html.t-c, body.t-c { --bg: #FAFAF8; --card: #FFFFFF; --card2: #FFFFFF; --line: #16181A; --text: #16181A; --muted: #76787A; --dim: #9A9C9E; --gold: #E8590C; --grad: #E8590C; --wood: #16181A; --fire: #E8590C; --earth: #16181A; --metal: #16181A; --water: #16181A; } /* Body: neutral white, no radial gradient, sans-serif */ html.t-c body { background: #FAFAF8; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* h1 — no gradient text */ html.t-c h1 { background: none; -webkit-background-clip: unset; background-clip: unset; color: #16181A; } /* Brand */ html.t-c .brand { background: none; -webkit-background-clip: unset; background-clip: unset; color: #16181A; } /* sec-label */ html.t-c .sec-label { color: #76787A; } /* Cards: 1.5px solid border, radius 0, white bg, no shadows */ html.t-c .form-card, html.t-c .pillar-card, html.t-c .dm-card, html.t-c .strength-card, html.t-c .tengods-card, html.t-c .elem-card, html.t-c .noble-card, html.t-c .year-card, html.t-c .luck-card, html.t-c .today-card, html.t-c .offer-card, html.t-c .email-card, html.t-c .day-check, html.t-c .blind-card, html.t-c .week-cell, html.t-c .hero-demo, html.t-c .demo-pill { border: 1.5px solid #16181A; border-radius: 0; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; } /* No glow text-shadows */ html.t-c .p-chars, html.t-c .dm-char, html.t-c .luck-gz, html.t-c .year-gz, html.t-c .stars { text-shadow: none; } /* Buttons: orange, no radius */ html.t-c .btn-primary, html.t-c .btn-offer, html.t-c .btn-sm { background: #E8590C; background-image: none; color: #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 1px; box-shadow: none; } html.t-c .btn-primary:hover, html.t-c .btn-offer:hover, html.t-c .btn-sm:hover { transform: none; box-shadow: none; background: #d14f0a; } /* Links */ html.t-c a { color: #E8590C; } html.t-c .topnav a { color: #76787A; text-decoration: none; } html.t-c .topnav a:hover { color: #16181A; } html.t-c .offer-sample { color: #E8590C; } /* Monospace for data/numbers */ html.t-c .wc-stars, html.t-c .stars, html.t-c .luck-gz, html.t-c .year-gz, html.t-c .noble-times { font-family: ui-monospace, 'Courier New', monospace; } /* Stars/gear — orange accent */ html.t-c .stars { color: #E8590C; } html.t-c .noble-times { color: #E8590C; } /* Noble card */ html.t-c .noble-card { background: #fff; } /* Offer hero */ html.t-c .offer-hero { background: #fff; border: 1.5px solid #E8590C; } /* Luck current */ html.t-c .luck-card.cur { border-color: #E8590C; background: rgba(232,89,12,.04); box-shadow: 0 0 0 0.5px #E8590C; } html.t-c .luck-here { color: #E8590C; } /* Strength badges */ html.t-c .strength-strong { background: rgba(22,24,26,.08); color: #16181A; } html.t-c .strength-weak { background: rgba(22,24,26,.08); color: #16181A; } html.t-c .strength-moderate { background: rgba(22,24,26,.08); color: #16181A; } /* Ten gods badge */ html.t-c .p-god { background: rgba(22,24,26,.08); color: #16181A; } /* Ten gods bar + elem bar */ html.t-c .tg-bar { background: #16181A; } html.t-c .tg-bar-wrap, html.t-c .elem-bar-wrap { background: rgba(22,24,26,.08); } html.t-c .elem-bar { box-shadow: none; background: #16181A; } /* Input focus */ html.t-c input:focus, html.t-c select:focus { border-color: #E8590C; box-shadow: 0 0 0 2px rgba(232,89,12,.18); } /* Week cell today */ html.t-c .week-cell.today { border-color: #E8590C; box-shadow: none; } /* Email card */ html.t-c .email-card { background: #fff; border: 1.5px solid #16181A; } /* Copy button */ html.t-c .copy-btn { border-color: #16181A; border-radius: 0; color: #76787A; } html.t-c .copy-btn:hover { border-color: #E8590C; color: #16181A; } /* Hero demo */ html.t-c .hero-demo { background: #fff; box-shadow: none; } html.t-c .demo-pill.dp-dm { border-color: #16181A; box-shadow: none; } html.t-c .demo-life { color: #E8590C; border-color: rgba(232,89,12,.5); } /* Scrollbar */ html.t-c { scrollbar-color: rgba(22,24,26,.25) transparent; }