/* ========================================================================== DVERIZOOM — colour themes. Switch with Default (no attribute) = Editorial (muted brass on warm near-black). Structural tokens (type, layout, radius) live in base.css. ========================================================================== */ /* ---- Default = C · Editorial (muted, from _v2-editorial) ---- */ :root, :root[data-theme="editorial"] { --carbon: #EFE9DD; --obsidian: #14110B; --void: #0D0B07; --graphite: #17130C; --card-halo: #221B12; --smoke: #8C857A; --ash: #A8A096; --charcoal: #2A251D; --iris: #B8935A; --iris-dim: rgba(184, 147, 90, 0.14); --twilight: #5A4A34; --specter: #E7DFD1; --grad-hero: radial-gradient(120% 130% at 74% 6%, rgba(120,84,40,0.4) 0%, rgba(120,84,40,0) 50%), radial-gradient(90% 80% at 50% 122%, rgba(38,24,10,0.5) 0%, rgba(38,24,10,0) 60%), linear-gradient(196deg, #191006 0%, #0E0A05 46%, #14110B 100%); --grad-mid: radial-gradient(90% 90% at 12% 0%, #1A140C 0%, #14110B 52%, #120E08 100%); --grad-band: linear-gradient(90deg, #B8935A 0%, #5A4A34 100%); --halo-line: rgba(120, 96, 58, 0.34); --halo-glow: rgba(120, 96, 58, 0.16); --accent-soft: rgba(184, 147, 90, 0.07); } /* ---- A · Cosmic Blue (Frame.io original) ---- */ :root[data-theme="blue"] { --carbon: #FCFCFC; --obsidian: #0A0A13; --void: #040407; --graphite: #08080C; --card-halo: #181826; --smoke: #8A8A95; --ash: #A3A3B3; --charcoal: #2A2A32; --iris: #6199F6; --iris-dim: rgba(97, 153, 246, 0.14); --twilight: #4F4F80; --specter: #DEDFEE; --grad-hero: radial-gradient(115% 130% at 72% 8%, rgba(12,29,50,0.9) 0%, rgba(12,29,50,0) 52%), radial-gradient(90% 80% at 50% 120%, rgba(0,11,53,0.55) 0%, rgba(0,11,53,0) 60%), linear-gradient(196deg, #0A0010 0%, #04030A 46%, #0A0A13 100%); --grad-mid: radial-gradient(90% 90% at 12% 0%, #0E0F20 0%, #0A0A13 52%, #08080C 100%); --grad-band: linear-gradient(90deg, #6199F6 0%, #4F4F80 100%); --halo-line: rgba(79, 79, 128, 0.4); --halo-glow: rgba(79, 79, 128, 0.18); --accent-soft: rgba(97, 153, 246, 0.08); } /* ---- D · Дубрава (graphite + muted sage green) ---- */ :root[data-theme="sage"] { --carbon: #ECEDE8; --obsidian: #15181A; --void: #0F1113; --graphite: #1A1E20; --card-halo: #212829; --smoke: #868E88; --ash: #A3ABA4; --charcoal: #2A2F2C; --iris: #A7BE9E; --iris-dim: rgba(167, 190, 158, 0.14); --twilight: #4C5A4A; --specter: #DCE6D5; --grad-hero: radial-gradient(115% 130% at 72% 8%, rgba(60,80,64,0.5) 0%, rgba(60,80,64,0) 52%), radial-gradient(90% 80% at 50% 120%, rgba(20,30,24,0.55) 0%, rgba(20,30,24,0) 60%), linear-gradient(196deg, #0E1412 0%, #0C0F0E 46%, #15181A 100%); --grad-mid: radial-gradient(90% 90% at 12% 0%, #191F1C 0%, #15181A 52%, #121614 100%); --grad-band: linear-gradient(90deg, #A7BE9E 0%, #4C5A4A 100%); --halo-line: rgba(76, 90, 74, 0.4); --halo-glow: rgba(76, 90, 74, 0.18); --accent-soft: rgba(167, 190, 158, 0.08); } /* ---- B · Warm Brass (bright) ---- */ :root[data-theme="brass"] { --carbon: #FCFAF6; --obsidian: #100D0A; --void: #0A0805; --graphite: #14100B; --card-halo: #241C12; --smoke: #928C82; --ash: #A9A29A; --charcoal: #2C2820; --iris: #C49A5C; --iris-dim: rgba(196, 154, 92, 0.14); --twilight: #5E4A32; --specter: #EFE7D9; --grad-hero: radial-gradient(115% 130% at 72% 8%, rgba(70,44,16,0.7) 0%, rgba(70,44,16,0) 52%), radial-gradient(90% 80% at 50% 120%, rgba(45,25,8,0.5) 0%, rgba(45,25,8,0) 60%), linear-gradient(196deg, #150E06 0%, #0B0703 46%, #100D0A 100%); --grad-mid: radial-gradient(90% 90% at 12% 0%, #16110A 0%, #100D0A 52%, #0F0C08 100%); --grad-band: linear-gradient(90deg, #C49A5C 0%, #5E4A32 100%); --halo-line: rgba(94, 74, 50, 0.45); --halo-glow: rgba(94, 74, 50, 0.2); --accent-soft: rgba(196, 154, 92, 0.1); }