/* Exact Skyzai v8.1.18 gold roles, lifted out of the token layer to replace predecessor page overrides. Generated by build_apu_template.py. */ @media (forced-colors: none) { :root:root[data-web-palette="gold"]:not([data-theme]) { color-scheme: dark; --ambient-ceiling: color-mix(in srgb, #ffeb3b, transparent 84%); --ambient-wall: color-mix(in srgb, #2196f3, transparent 84%); --ambient-floor: color-mix(in srgb, #4caf50, transparent 88%); --ambient-cove: color-mix(in srgb, #ffeb3b, transparent 78%); --ambient-panel: color-mix(in srgb, #fffde7, transparent 92%); --ambient-edge: color-mix(in srgb, #ffeb3b, transparent 72%); --ambient-shadow: color-mix(in srgb, #2196f3, transparent 78%); --bg: #050505; --surface: #0A0A0A; --elevated: #111111; --surface-dim: #050505; --surface-container-lowest: #060606; --surface-container-low: #080808; --surface-container: #0A0A0A; --surface-container-high: #111111; --surface-container-highest: #161616; --surface-bright: #1A1A1A; --scrim: rgba(0, 0, 0, 0.48); --md-sys-color-primary: var(--sz-color-gold-color); --md-sys-color-on-primary: var(--sz-color-gold-on-color); --md-sys-color-primary-container: var(--sz-color-gold-container); --md-sys-color-on-primary-container: var(--sz-color-gold-on-container); --md-sys-color-secondary: var(--sz-color-blue-color); --md-sys-color-on-secondary: var(--sz-color-blue-on-color); --md-sys-color-secondary-container: var(--sz-color-blue-container); --md-sys-color-on-secondary-container: var(--sz-color-blue-on-container); --md-sys-color-tertiary: var(--sz-color-green-color); --md-sys-color-on-tertiary: var(--sz-color-green-on-color); --md-sys-color-tertiary-container: var(--sz-color-green-container); --md-sys-color-on-tertiary-container: var(--sz-color-green-on-container); --md-sys-color-error: var(--sz-color-red-color); --md-sys-color-on-error: var(--sz-color-red-on-color); --md-sys-color-error-container: var(--sz-color-red-container); --md-sys-color-on-error-container: var(--sz-color-red-on-container); --md-sys-color-background: #050505; --md-sys-color-on-background: #F3F4F6; --md-sys-color-surface: #0A0A0A; --md-sys-color-on-surface: #FFFDE7; --md-sys-color-surface-variant: #111111; --md-sys-color-on-surface-variant: #9CA3AF; --md-sys-color-outline: #6A6A6A; --md-sys-color-outline-variant: #2A2A2A; --md-sys-color-inverse-surface: #F3F4F6; --md-sys-color-inverse-on-surface: #050505; --md-sys-color-inverse-primary: var(--ref-primary-40); --md-sys-color-shadow: #000000; --md-sys-color-scrim: rgba(0, 0, 0, 0.48); --ref-primary-0: #000000; --ref-primary-10: #201C00; --ref-primary-20: #363100; --ref-primary-30: #4F4800; --ref-primary-40: #695F00; --ref-primary-50: #847800; --ref-primary-60: #A09200; --ref-primary-70: #BDAD00; --ref-primary-80: #DBC90A; --ref-primary-90: #F9E534; --ref-primary-95: #FFF39E; --ref-primary-99: #FFFBFF; --ref-primary-100: #FFFFFF; --ref-secondary-0: #000000; --ref-secondary-10: #001D36; --ref-secondary-20: #003258; --ref-secondary-30: #00497D; --ref-secondary-40: #0061A4; --ref-secondary-50: #007BCC; --ref-secondary-60: #1E95F2; --ref-secondary-70: #63B0FF; --ref-secondary-80: #9ECAFF; --ref-secondary-90: #D1E4FF; --ref-secondary-95: #EAF1FF; --ref-secondary-99: #FDFCFF; --ref-secondary-100: #FFFFFF; --ref-tertiary-0: #000000; --ref-tertiary-10: #002204; --ref-tertiary-20: #00390A; --ref-tertiary-30: #005313; --ref-tertiary-40: #006E1C; --ref-tertiary-50: #22892F; --ref-tertiary-60: #41A447; --ref-tertiary-70: #5DC05E; --ref-tertiary-80: #78DC77; --ref-tertiary-90: #94F990; --ref-tertiary-95: #C8FFC0; --ref-tertiary-99: #F6FFF0; --ref-tertiary-100: #FFFFFF; --ref-error-0: #000000; --ref-error-10: #410001; --ref-error-20: #690002; --ref-error-30: #930005; --ref-error-40: #BB1614; --ref-error-50: #E0342A; --ref-error-60: #FF5545; --ref-error-70: #FF8A7B; --ref-error-80: #FFB4A9; --ref-error-90: #FFDAD5; --ref-error-95: #FFEDEA; --ref-error-99: #FFFBFF; --ref-error-100: #FFFFFF; --ref-neutral-0: #000000; --ref-neutral-10: #1D1C13; --ref-neutral-20: #323027; --ref-neutral-30: #49473D; --ref-neutral-40: #615E54; --ref-neutral-50: #7A776C; --ref-neutral-60: #949185; --ref-neutral-70: #AFAB9F; --ref-neutral-80: #CBC6B9; --ref-neutral-90: #E7E2D5; --ref-neutral-95: #F6F0E3; --ref-neutral-99: #FFFBFF; --ref-neutral-100: #FFFFFF; --ref-neutral-variant-0: #000000; --ref-neutral-variant-10: #1E1C11; --ref-neutral-variant-20: #333124; --ref-neutral-variant-30: #4A473A; --ref-neutral-variant-40: #625F50; --ref-neutral-variant-50: #7B7768; --ref-neutral-variant-60: #959181; --ref-neutral-variant-70: #B0AB9A; --ref-neutral-variant-80: #CBC6B5; --ref-neutral-variant-90: #E8E2D0; --ref-neutral-variant-95: #F6F1DE; --ref-neutral-variant-99: #FFFBFF; --ref-neutral-variant-100: #FFFFFF; --md-sys-color-primary-fixed: var(--ref-primary-90); --md-sys-color-primary-fixed-dim: var(--ref-primary-80); --md-sys-color-on-primary-fixed: var(--ref-primary-10); --md-sys-color-on-primary-fixed-variant: var(--ref-primary-30); --md-sys-color-secondary-fixed: var(--ref-secondary-90); --md-sys-color-secondary-fixed-dim: var(--ref-secondary-80); --md-sys-color-on-secondary-fixed: var(--ref-secondary-10); --md-sys-color-on-secondary-fixed-variant: var(--ref-secondary-30); --md-sys-color-tertiary-fixed: var(--ref-tertiary-90); --md-sys-color-tertiary-fixed-dim: var(--ref-tertiary-80); --md-sys-color-on-tertiary-fixed: var(--ref-tertiary-10); --md-sys-color-on-tertiary-fixed-variant: var(--ref-tertiary-30); --md-sys-color-surface-dim: #050505; --md-sys-color-surface-container-lowest: #060606; --md-sys-color-surface-container-low: #080808; --md-sys-color-surface-container: #0A0A0A; --md-sys-color-surface-container-high: #111111; --md-sys-color-surface-container-highest: #161616; --md-sys-color-surface-bright: #1A1A1A; --sz-color-blue-color: #2196F3; --sz-color-blue-on-color: #000000; --sz-color-blue-container: #003352; --sz-color-blue-on-container: #D8EFFF; --sz-color-gold-color: #FFEB3B; --sz-color-gold-on-color: #050505; --sz-color-gold-container: #333100; --sz-color-gold-on-container: #FFFDE7; --sz-color-green-color: #4CAF50; --sz-color-green-on-color: #050505; --sz-color-green-container: #00390B; --sz-color-green-on-container: #D5FFD6; --sz-color-red-color: #F44336; --sz-color-red-on-color: #000000; --sz-color-red-container: #690005; --sz-color-red-on-container: #FFDED9; --md-sys-color-surface-tint: var(--md-sys-color-primary); --accent: var(--md-sys-color-primary); --accent2: var(--md-sys-color-primary); --accent-hover: var(--md-sys-color-primary); --accent2-hover: var(--md-sys-color-primary); --gold: var(--md-sys-color-primary); --sz-accent: var(--md-sys-color-primary); --text: var(--md-sys-color-on-background); --cream: var(--md-sys-color-on-surface); --muted: var(--md-sys-color-on-surface-variant); --sz-identity-phase-1: #F44336; --sz-identity-phase-2: #4CAF50; --sz-identity-phase-3: #2196F3; --sz-identity-phase-4: #FFEB3B; } @media (prefers-color-scheme: light) { :root:root[data-web-palette="gold"]:not([data-theme]) { color-scheme: light; --ambient-ceiling: color-mix(in srgb, #1565c0, transparent 88%); --ambient-wall: color-mix(in srgb, #1565c0, transparent 90%); --ambient-floor: color-mix(in srgb, #2e7d32, transparent 92%); --ambient-cove: color-mix(in srgb, #b77900, transparent 84%); --ambient-panel: rgba(255,255,255,0.70); --ambient-edge: color-mix(in srgb, #1565c0, transparent 78%); --ambient-shadow: color-mix(in srgb, #1565c0, transparent 84%); --bg: #FFFFFF; --surface: #F8FAFC; --elevated: #EEF2F7; --surface-dim: #F4F4F4; --surface-container-lowest: #FFFFFF; --surface-container-low: #FAFBFD; --surface-container: #F8FAFC; --surface-container-high: #EEF2F7; --surface-container-highest: #E8EDF3; --surface-bright: #FFFFFF; --scrim: rgba(0, 0, 0, 0.32); --md-sys-color-primary: var(--sz-color-gold-color); --md-sys-color-on-primary: var(--sz-color-gold-on-color); --md-sys-color-primary-container: var(--sz-color-gold-container); --md-sys-color-on-primary-container: var(--sz-color-gold-on-container); --md-sys-color-secondary: var(--sz-color-blue-color); --md-sys-color-on-secondary: var(--sz-color-blue-on-color); --md-sys-color-secondary-container: var(--sz-color-blue-container); --md-sys-color-on-secondary-container: var(--sz-color-blue-on-container); --md-sys-color-tertiary: var(--sz-color-green-color); --md-sys-color-on-tertiary: var(--sz-color-green-on-color); --md-sys-color-tertiary-container: var(--sz-color-green-container); --md-sys-color-on-tertiary-container: var(--sz-color-green-on-container); --md-sys-color-error: var(--sz-color-red-color); --md-sys-color-on-error: var(--sz-color-red-on-color); --md-sys-color-error-container: var(--sz-color-red-container); --md-sys-color-on-error-container: var(--sz-color-red-on-container); --md-sys-color-background: #FFFFFF; --md-sys-color-on-background: #111827; --md-sys-color-surface: #F8FAFC; --md-sys-color-on-surface: #111827; --md-sys-color-surface-variant: #EEF2F7; --md-sys-color-on-surface-variant: #4B5563; --md-sys-color-outline: #6B7280; --md-sys-color-outline-variant: #D8DEE8; --md-sys-color-inverse-surface: #111827; --md-sys-color-inverse-on-surface: #FFFFFF; --md-sys-color-inverse-primary: var(--ref-primary-80); --md-sys-color-shadow: #000000; --md-sys-color-scrim: rgba(0, 0, 0, 0.32); --ref-primary-0: #000000; --ref-primary-10: #291800; --ref-primary-20: #452B00; --ref-primary-30: #633F00; --ref-primary-40: #825500; --ref-primary-50: #A36B00; --ref-primary-60: #C48412; --ref-primary-70: #E29E30; --ref-primary-80: #FFB952; --ref-primary-90: #FFDDB3; --ref-primary-95: #FFEEDC; --ref-primary-99: #FFFBFF; --ref-primary-100: #FFFFFF; --ref-secondary-0: #000000; --ref-secondary-10: #001B3D; --ref-secondary-20: #003063; --ref-secondary-30: #00468C; --ref-secondary-40: #005DB7; --ref-secondary-50: #3277D2; --ref-secondary-60: #5191EE; --ref-secondary-70: #79ACFF; --ref-secondary-80: #A9C7FF; --ref-secondary-90: #D6E3FF; --ref-secondary-95: #ECF0FF; --ref-secondary-99: #FDFBFF; --ref-secondary-100: #FFFFFF; --ref-tertiary-0: #000000; --ref-tertiary-10: #002204; --ref-tertiary-20: #003909; --ref-tertiary-30: #005312; --ref-tertiary-40: #1B6D24; --ref-tertiary-50: #38873A; --ref-tertiary-60: #53A252; --ref-tertiary-70: #6DBD6A; --ref-tertiary-80: #88D982; --ref-tertiary-90: #A3F69C; --ref-tertiary-95: #C8FFBF; --ref-tertiary-99: #F6FFF0; --ref-tertiary-100: #FFFFFF; --ref-error-0: #000000; --ref-error-10: #410003; --ref-error-20: #680008; --ref-error-30: #930010; --ref-error-40: #BA1A20; --ref-error-50: #DD3735; --ref-error-60: #FF544E; --ref-error-70: #FF8980; --ref-error-80: #FFB3AC; --ref-error-90: #FFDAD6; --ref-error-95: #FFEDEB; --ref-error-99: #FFFBFF; --ref-error-100: #FFFFFF; --ref-neutral-0: #000000; --ref-neutral-10: #191C20; --ref-neutral-20: #2E3036; --ref-neutral-30: #45474C; --ref-neutral-40: #5C5E64; --ref-neutral-50: #75777D; --ref-neutral-60: #8F9097; --ref-neutral-70: #AAABB1; --ref-neutral-80: #C5C6CD; --ref-neutral-90: #E2E2E9; --ref-neutral-95: #F0F0F7; --ref-neutral-99: #FDFBFF; --ref-neutral-100: #FFFFFF; --ref-neutral-variant-0: #000000; --ref-neutral-variant-10: #181C22; --ref-neutral-variant-20: #2D3038; --ref-neutral-variant-30: #44474E; --ref-neutral-variant-40: #5B5E66; --ref-neutral-variant-50: #74777F; --ref-neutral-variant-60: #8E9099; --ref-neutral-variant-70: #A8ABB4; --ref-neutral-variant-80: #C4C6CF; --ref-neutral-variant-90: #E0E2EC; --ref-neutral-variant-95: #EEF0FA; --ref-neutral-variant-99: #FDFBFF; --ref-neutral-variant-100: #FFFFFF; --md-sys-color-primary-fixed: var(--ref-primary-90); --md-sys-color-primary-fixed-dim: var(--ref-primary-80); --md-sys-color-on-primary-fixed: var(--ref-primary-10); --md-sys-color-on-primary-fixed-variant: var(--ref-primary-30); --md-sys-color-secondary-fixed: var(--ref-secondary-90); --md-sys-color-secondary-fixed-dim: var(--ref-secondary-80); --md-sys-color-on-secondary-fixed: var(--ref-secondary-10); --md-sys-color-on-secondary-fixed-variant: var(--ref-secondary-30); --md-sys-color-tertiary-fixed: var(--ref-tertiary-90); --md-sys-color-tertiary-fixed-dim: var(--ref-tertiary-80); --md-sys-color-on-tertiary-fixed: var(--ref-tertiary-10); --md-sys-color-on-tertiary-fixed-variant: var(--ref-tertiary-30); --md-sys-color-surface-dim: #F4F4F4; --md-sys-color-surface-container-lowest: #FFFFFF; --md-sys-color-surface-container-low: #FAFBFD; --md-sys-color-surface-container: #F8FAFC; --md-sys-color-surface-container-high: #EEF2F7; --md-sys-color-surface-container-highest: #E8EDF3; --md-sys-color-surface-bright: #FFFFFF; --sz-color-blue-color: #1565C0; --sz-color-blue-on-color: #FFFFFF; --sz-color-blue-container: #D3E4FF; --sz-color-blue-on-container: #001D35; --sz-color-gold-color: #92650A; --sz-color-gold-on-color: #FFFFFF; --sz-color-gold-container: #F9F1A6; --sz-color-gold-on-container: #1C1B00; --sz-color-green-color: #2E7D32; --sz-color-green-on-color: #FFFFFF; --sz-color-green-container: #D5FFD6; --sz-color-green-on-container: #002204; --sz-color-red-color: #D32F2F; --sz-color-red-on-color: #FFFFFF; --sz-color-red-container: #FFDED9; --sz-color-red-on-container: #410002; --md-sys-color-surface-tint: var(--md-sys-color-primary); --accent: var(--md-sys-color-primary); --accent2: var(--md-sys-color-primary); --accent-hover: var(--md-sys-color-primary); --accent2-hover: var(--md-sys-color-primary); --gold: var(--md-sys-color-primary); --sz-accent: var(--md-sys-color-primary); --text: var(--md-sys-color-on-background); --cream: var(--md-sys-color-on-surface); --muted: var(--md-sys-color-on-surface-variant); --sz-identity-phase-1: #D32F2F; --sz-identity-phase-2: #2E7D32; --sz-identity-phase-3: #1565C0; --sz-identity-phase-4: #B77900; } } :root:root[data-web-palette="gold"][data-theme="dark"], [data-web-palette="gold"][data-theme][data-theme="dark"] { color-scheme: dark; --ambient-ceiling: color-mix(in srgb, #ffeb3b, transparent 84%); --ambient-wall: color-mix(in srgb, #2196f3, transparent 84%); --ambient-floor: color-mix(in srgb, #4caf50, transparent 88%); --ambient-cove: color-mix(in srgb, #ffeb3b, transparent 78%); --ambient-panel: color-mix(in srgb, #fffde7, transparent 92%); --ambient-edge: color-mix(in srgb, #ffeb3b, transparent 72%); --ambient-shadow: color-mix(in srgb, #2196f3, transparent 78%); --bg: #050505; --surface: #0A0A0A; --elevated: #111111; --surface-dim: #050505; --surface-container-lowest: #060606; --surface-container-low: #080808; --surface-container: #0A0A0A; --surface-container-high: #111111; --surface-container-highest: #161616; --surface-bright: #1A1A1A; --scrim: rgba(0, 0, 0, 0.48); --md-sys-color-primary: var(--sz-color-gold-color); --md-sys-color-on-primary: var(--sz-color-gold-on-color); --md-sys-color-primary-container: var(--sz-color-gold-container); --md-sys-color-on-primary-container: var(--sz-color-gold-on-container); --md-sys-color-secondary: var(--sz-color-blue-color); --md-sys-color-on-secondary: var(--sz-color-blue-on-color); --md-sys-color-secondary-container: var(--sz-color-blue-container); --md-sys-color-on-secondary-container: var(--sz-color-blue-on-container); --md-sys-color-tertiary: var(--sz-color-green-color); --md-sys-color-on-tertiary: var(--sz-color-green-on-color); --md-sys-color-tertiary-container: var(--sz-color-green-container); --md-sys-color-on-tertiary-container: var(--sz-color-green-on-container); --md-sys-color-error: var(--sz-color-red-color); --md-sys-color-on-error: var(--sz-color-red-on-color); --md-sys-color-error-container: var(--sz-color-red-container); --md-sys-color-on-error-container: var(--sz-color-red-on-container); --md-sys-color-background: #050505; --md-sys-color-on-background: #F3F4F6; --md-sys-color-surface: #0A0A0A; --md-sys-color-on-surface: #FFFDE7; --md-sys-color-surface-variant: #111111; --md-sys-color-on-surface-variant: #9CA3AF; --md-sys-color-outline: #6A6A6A; --md-sys-color-outline-variant: #2A2A2A; --md-sys-color-inverse-surface: #F3F4F6; --md-sys-color-inverse-on-surface: #050505; --md-sys-color-inverse-primary: var(--ref-primary-40); --md-sys-color-shadow: #000000; --md-sys-color-scrim: rgba(0, 0, 0, 0.48); --ref-primary-0: #000000; --ref-primary-10: #201C00; --ref-primary-20: #363100; --ref-primary-30: #4F4800; --ref-primary-40: #695F00; --ref-primary-50: #847800; --ref-primary-60: #A09200; --ref-primary-70: #BDAD00; --ref-primary-80: #DBC90A; --ref-primary-90: #F9E534; --ref-primary-95: #FFF39E; --ref-primary-99: #FFFBFF; --ref-primary-100: #FFFFFF; --ref-secondary-0: #000000; --ref-secondary-10: #001D36; --ref-secondary-20: #003258; --ref-secondary-30: #00497D; --ref-secondary-40: #0061A4; --ref-secondary-50: #007BCC; --ref-secondary-60: #1E95F2; --ref-secondary-70: #63B0FF; --ref-secondary-80: #9ECAFF; --ref-secondary-90: #D1E4FF; --ref-secondary-95: #EAF1FF; --ref-secondary-99: #FDFCFF; --ref-secondary-100: #FFFFFF; --ref-tertiary-0: #000000; --ref-tertiary-10: #002204; --ref-tertiary-20: #00390A; --ref-tertiary-30: #005313; --ref-tertiary-40: #006E1C; --ref-tertiary-50: #22892F; --ref-tertiary-60: #41A447; --ref-tertiary-70: #5DC05E; --ref-tertiary-80: #78DC77; --ref-tertiary-90: #94F990; --ref-tertiary-95: #C8FFC0; --ref-tertiary-99: #F6FFF0; --ref-tertiary-100: #FFFFFF; --ref-error-0: #000000; --ref-error-10: #410001; --ref-error-20: #690002; --ref-error-30: #930005; --ref-error-40: #BB1614; --ref-error-50: #E0342A; --ref-error-60: #FF5545; --ref-error-70: #FF8A7B; --ref-error-80: #FFB4A9; --ref-error-90: #FFDAD5; --ref-error-95: #FFEDEA; --ref-error-99: #FFFBFF; --ref-error-100: #FFFFFF; --ref-neutral-0: #000000; --ref-neutral-10: #1D1C13; --ref-neutral-20: #323027; --ref-neutral-30: #49473D; --ref-neutral-40: #615E54; --ref-neutral-50: #7A776C; --ref-neutral-60: #949185; --ref-neutral-70: #AFAB9F; --ref-neutral-80: #CBC6B9; --ref-neutral-90: #E7E2D5; --ref-neutral-95: #F6F0E3; --ref-neutral-99: #FFFBFF; --ref-neutral-100: #FFFFFF; --ref-neutral-variant-0: #000000; --ref-neutral-variant-10: #1E1C11; --ref-neutral-variant-20: #333124; --ref-neutral-variant-30: #4A473A; --ref-neutral-variant-40: #625F50; --ref-neutral-variant-50: #7B7768; --ref-neutral-variant-60: #959181; --ref-neutral-variant-70: #B0AB9A; --ref-neutral-variant-80: #CBC6B5; --ref-neutral-variant-90: #E8E2D0; --ref-neutral-variant-95: #F6F1DE; --ref-neutral-variant-99: #FFFBFF; --ref-neutral-variant-100: #FFFFFF; --md-sys-color-primary-fixed: var(--ref-primary-90); --md-sys-color-primary-fixed-dim: var(--ref-primary-80); --md-sys-color-on-primary-fixed: var(--ref-primary-10); --md-sys-color-on-primary-fixed-variant: var(--ref-primary-30); --md-sys-color-secondary-fixed: var(--ref-secondary-90); --md-sys-color-secondary-fixed-dim: var(--ref-secondary-80); --md-sys-color-on-secondary-fixed: var(--ref-secondary-10); --md-sys-color-on-secondary-fixed-variant: var(--ref-secondary-30); --md-sys-color-tertiary-fixed: var(--ref-tertiary-90); --md-sys-color-tertiary-fixed-dim: var(--ref-tertiary-80); --md-sys-color-on-tertiary-fixed: var(--ref-tertiary-10); --md-sys-color-on-tertiary-fixed-variant: var(--ref-tertiary-30); --md-sys-color-surface-dim: #050505; --md-sys-color-surface-container-lowest: #060606; --md-sys-color-surface-container-low: #080808; --md-sys-color-surface-container: #0A0A0A; --md-sys-color-surface-container-high: #111111; --md-sys-color-surface-container-highest: #161616; --md-sys-color-surface-bright: #1A1A1A; --sz-color-blue-color: #2196F3; --sz-color-blue-on-color: #000000; --sz-color-blue-container: #003352; --sz-color-blue-on-container: #D8EFFF; --sz-color-gold-color: #FFEB3B; --sz-color-gold-on-color: #050505; --sz-color-gold-container: #333100; --sz-color-gold-on-container: #FFFDE7; --sz-color-green-color: #4CAF50; --sz-color-green-on-color: #050505; --sz-color-green-container: #00390B; --sz-color-green-on-container: #D5FFD6; --sz-color-red-color: #F44336; --sz-color-red-on-color: #000000; --sz-color-red-container: #690005; --sz-color-red-on-container: #FFDED9; --md-sys-color-surface-tint: var(--md-sys-color-primary); --accent: var(--md-sys-color-primary); --accent2: var(--md-sys-color-primary); --accent-hover: var(--md-sys-color-primary); --accent2-hover: var(--md-sys-color-primary); --gold: var(--md-sys-color-primary); --sz-accent: var(--md-sys-color-primary); --text: var(--md-sys-color-on-background); --cream: var(--md-sys-color-on-surface); --muted: var(--md-sys-color-on-surface-variant); --sz-identity-phase-1: #F44336; --sz-identity-phase-2: #4CAF50; --sz-identity-phase-3: #2196F3; --sz-identity-phase-4: #FFEB3B; } :root:root[data-web-palette="gold"][data-theme="light"], [data-web-palette="gold"][data-theme][data-theme="light"] { color-scheme: light; --ambient-ceiling: color-mix(in srgb, #1565c0, transparent 88%); --ambient-wall: color-mix(in srgb, #1565c0, transparent 90%); --ambient-floor: color-mix(in srgb, #2e7d32, transparent 92%); --ambient-cove: color-mix(in srgb, #b77900, transparent 84%); --ambient-panel: rgba(255,255,255,0.70); --ambient-edge: color-mix(in srgb, #1565c0, transparent 78%); --ambient-shadow: color-mix(in srgb, #1565c0, transparent 84%); --bg: #FFFFFF; --surface: #F8FAFC; --elevated: #EEF2F7; --surface-dim: #F4F4F4; --surface-container-lowest: #FFFFFF; --surface-container-low: #FAFBFD; --surface-container: #F8FAFC; --surface-container-high: #EEF2F7; --surface-container-highest: #E8EDF3; --surface-bright: #FFFFFF; --scrim: rgba(0, 0, 0, 0.32); --md-sys-color-primary: var(--sz-color-gold-color); --md-sys-color-on-primary: var(--sz-color-gold-on-color); --md-sys-color-primary-container: var(--sz-color-gold-container); --md-sys-color-on-primary-container: var(--sz-color-gold-on-container); --md-sys-color-secondary: var(--sz-color-blue-color); --md-sys-color-on-secondary: var(--sz-color-blue-on-color); --md-sys-color-secondary-container: var(--sz-color-blue-container); --md-sys-color-on-secondary-container: var(--sz-color-blue-on-container); --md-sys-color-tertiary: var(--sz-color-green-color); --md-sys-color-on-tertiary: var(--sz-color-green-on-color); --md-sys-color-tertiary-container: var(--sz-color-green-container); --md-sys-color-on-tertiary-container: var(--sz-color-green-on-container); --md-sys-color-error: var(--sz-color-red-color); --md-sys-color-on-error: var(--sz-color-red-on-color); --md-sys-color-error-container: var(--sz-color-red-container); --md-sys-color-on-error-container: var(--sz-color-red-on-container); --md-sys-color-background: #FFFFFF; --md-sys-color-on-background: #111827; --md-sys-color-surface: #F8FAFC; --md-sys-color-on-surface: #111827; --md-sys-color-surface-variant: #EEF2F7; --md-sys-color-on-surface-variant: #4B5563; --md-sys-color-outline: #6B7280; --md-sys-color-outline-variant: #D8DEE8; --md-sys-color-inverse-surface: #111827; --md-sys-color-inverse-on-surface: #FFFFFF; --md-sys-color-inverse-primary: var(--ref-primary-80); --md-sys-color-shadow: #000000; --md-sys-color-scrim: rgba(0, 0, 0, 0.32); --ref-primary-0: #000000; --ref-primary-10: #291800; --ref-primary-20: #452B00; --ref-primary-30: #633F00; --ref-primary-40: #825500; --ref-primary-50: #A36B00; --ref-primary-60: #C48412; --ref-primary-70: #E29E30; --ref-primary-80: #FFB952; --ref-primary-90: #FFDDB3; --ref-primary-95: #FFEEDC; --ref-primary-99: #FFFBFF; --ref-primary-100: #FFFFFF; --ref-secondary-0: #000000; --ref-secondary-10: #001B3D; --ref-secondary-20: #003063; --ref-secondary-30: #00468C; --ref-secondary-40: #005DB7; --ref-secondary-50: #3277D2; --ref-secondary-60: #5191EE; --ref-secondary-70: #79ACFF; --ref-secondary-80: #A9C7FF; --ref-secondary-90: #D6E3FF; --ref-secondary-95: #ECF0FF; --ref-secondary-99: #FDFBFF; --ref-secondary-100: #FFFFFF; --ref-tertiary-0: #000000; --ref-tertiary-10: #002204; --ref-tertiary-20: #003909; --ref-tertiary-30: #005312; --ref-tertiary-40: #1B6D24; --ref-tertiary-50: #38873A; --ref-tertiary-60: #53A252; --ref-tertiary-70: #6DBD6A; --ref-tertiary-80: #88D982; --ref-tertiary-90: #A3F69C; --ref-tertiary-95: #C8FFBF; --ref-tertiary-99: #F6FFF0; --ref-tertiary-100: #FFFFFF; --ref-error-0: #000000; --ref-error-10: #410003; --ref-error-20: #680008; --ref-error-30: #930010; --ref-error-40: #BA1A20; --ref-error-50: #DD3735; --ref-error-60: #FF544E; --ref-error-70: #FF8980; --ref-error-80: #FFB3AC; --ref-error-90: #FFDAD6; --ref-error-95: #FFEDEB; --ref-error-99: #FFFBFF; --ref-error-100: #FFFFFF; --ref-neutral-0: #000000; --ref-neutral-10: #191C20; --ref-neutral-20: #2E3036; --ref-neutral-30: #45474C; --ref-neutral-40: #5C5E64; --ref-neutral-50: #75777D; --ref-neutral-60: #8F9097; --ref-neutral-70: #AAABB1; --ref-neutral-80: #C5C6CD; --ref-neutral-90: #E2E2E9; --ref-neutral-95: #F0F0F7; --ref-neutral-99: #FDFBFF; --ref-neutral-100: #FFFFFF; --ref-neutral-variant-0: #000000; --ref-neutral-variant-10: #181C22; --ref-neutral-variant-20: #2D3038; --ref-neutral-variant-30: #44474E; --ref-neutral-variant-40: #5B5E66; --ref-neutral-variant-50: #74777F; --ref-neutral-variant-60: #8E9099; --ref-neutral-variant-70: #A8ABB4; --ref-neutral-variant-80: #C4C6CF; --ref-neutral-variant-90: #E0E2EC; --ref-neutral-variant-95: #EEF0FA; --ref-neutral-variant-99: #FDFBFF; --ref-neutral-variant-100: #FFFFFF; --md-sys-color-primary-fixed: var(--ref-primary-90); --md-sys-color-primary-fixed-dim: var(--ref-primary-80); --md-sys-color-on-primary-fixed: var(--ref-primary-10); --md-sys-color-on-primary-fixed-variant: var(--ref-primary-30); --md-sys-color-secondary-fixed: var(--ref-secondary-90); --md-sys-color-secondary-fixed-dim: var(--ref-secondary-80); --md-sys-color-on-secondary-fixed: var(--ref-secondary-10); --md-sys-color-on-secondary-fixed-variant: var(--ref-secondary-30); --md-sys-color-tertiary-fixed: var(--ref-tertiary-90); --md-sys-color-tertiary-fixed-dim: var(--ref-tertiary-80); --md-sys-color-on-tertiary-fixed: var(--ref-tertiary-10); --md-sys-color-on-tertiary-fixed-variant: var(--ref-tertiary-30); --md-sys-color-surface-dim: #F4F4F4; --md-sys-color-surface-container-lowest: #FFFFFF; --md-sys-color-surface-container-low: #FAFBFD; --md-sys-color-surface-container: #F8FAFC; --md-sys-color-surface-container-high: #EEF2F7; --md-sys-color-surface-container-highest: #E8EDF3; --md-sys-color-surface-bright: #FFFFFF; --sz-color-blue-color: #1565C0; --sz-color-blue-on-color: #FFFFFF; --sz-color-blue-container: #D3E4FF; --sz-color-blue-on-container: #001D35; --sz-color-gold-color: #92650A; --sz-color-gold-on-color: #FFFFFF; --sz-color-gold-container: #F9F1A6; --sz-color-gold-on-container: #1C1B00; --sz-color-green-color: #2E7D32; --sz-color-green-on-color: #FFFFFF; --sz-color-green-container: #D5FFD6; --sz-color-green-on-container: #002204; --sz-color-red-color: #D32F2F; --sz-color-red-on-color: #FFFFFF; --sz-color-red-container: #FFDED9; --sz-color-red-on-container: #410002; --md-sys-color-surface-tint: var(--md-sys-color-primary); --accent: var(--md-sys-color-primary); --accent2: var(--md-sys-color-primary); --accent-hover: var(--md-sys-color-primary); --accent2-hover: var(--md-sys-color-primary); --gold: var(--md-sys-color-primary); --sz-accent: var(--md-sys-color-primary); --text: var(--md-sys-color-on-background); --cream: var(--md-sys-color-on-surface); --muted: var(--md-sys-color-on-surface-variant); --sz-identity-phase-1: #D32F2F; --sz-identity-phase-2: #2E7D32; --sz-identity-phase-3: #1565C0; --sz-identity-phase-4: #B77900; } :root:root[data-web-palette="gold"][data-theme="true-tone"], [data-web-palette="gold"][data-theme][data-theme="true-tone"] { color-scheme: light; --ambient-ceiling: color-mix(in srgb, #2e7d32, transparent 88%); --ambient-wall: color-mix(in srgb, #2e7d32, transparent 90%); --ambient-floor: color-mix(in srgb, #1565c0, transparent 94%); --ambient-cove: color-mix(in srgb, #92650a, transparent 84%); --ambient-panel: rgba(255,253,247,0.66); --ambient-edge: color-mix(in srgb, #2e7d32, transparent 78%); --ambient-shadow: color-mix(in srgb, #2e7d32, transparent 84%); --bg: #FDFAF4; --surface: #FAF7F0; --elevated: #F2EDE3; --surface-dim: #F5F1E8; --surface-container-lowest: #FEFCF7; --surface-container-low: #FCF9F2; --surface-container: #FAF7F0; --surface-container-high: #F2EDE3; --surface-container-highest: #EBE5D8; --surface-bright: #FEFCF7; --scrim: rgba(0, 0, 0, 0.28); --md-sys-color-primary: var(--sz-color-gold-color); --md-sys-color-on-primary: var(--sz-color-gold-on-color); --md-sys-color-primary-container: var(--sz-color-gold-container); --md-sys-color-on-primary-container: var(--sz-color-gold-on-container); --md-sys-color-secondary: var(--sz-color-blue-color); --md-sys-color-on-secondary: var(--sz-color-blue-on-color); --md-sys-color-secondary-container: var(--sz-color-blue-container); --md-sys-color-on-secondary-container: var(--sz-color-blue-on-container); --md-sys-color-tertiary: var(--sz-color-green-color); --md-sys-color-on-tertiary: var(--sz-color-green-on-color); --md-sys-color-tertiary-container: var(--sz-color-green-container); --md-sys-color-on-tertiary-container: var(--sz-color-green-on-container); --md-sys-color-error: var(--sz-color-red-color); --md-sys-color-on-error: var(--sz-color-red-on-color); --md-sys-color-error-container: var(--sz-color-red-container); --md-sys-color-on-error-container: var(--sz-color-red-on-container); --md-sys-color-background: #FDFAF4; --md-sys-color-on-background: #18160E; --md-sys-color-surface: #FAF7F0; --md-sys-color-on-surface: #18160E; --md-sys-color-surface-variant: #F2EDE3; --md-sys-color-on-surface-variant: #4A4438; --md-sys-color-outline: #7A7062; --md-sys-color-outline-variant: #D6CFBF; --md-sys-color-inverse-surface: #18160E; --md-sys-color-inverse-on-surface: #FDFAF4; --md-sys-color-inverse-primary: var(--ref-primary-80); --md-sys-color-shadow: #000000; --md-sys-color-scrim: rgba(0, 0, 0, 0.28); --ref-primary-0: #000000; --ref-primary-10: #281800; --ref-primary-20: #432C00; --ref-primary-30: #604100; --ref-primary-40: #7F5600; --ref-primary-50: #9F6D00; --ref-primary-60: #BF8613; --ref-primary-70: #DDA031; --ref-primary-80: #FCBB4A; --ref-primary-90: #FFDEAE; --ref-primary-95: #FFEEDA; --ref-primary-99: #FFFBFF; --ref-primary-100: #FFFFFF; --ref-secondary-0: #000000; --ref-secondary-10: #001B3D; --ref-secondary-20: #003063; --ref-secondary-30: #00468C; --ref-secondary-40: #005DB7; --ref-secondary-50: #3277D2; --ref-secondary-60: #5191EE; --ref-secondary-70: #79ACFF; --ref-secondary-80: #A9C7FF; --ref-secondary-90: #D6E3FF; --ref-secondary-95: #ECF0FF; --ref-secondary-99: #FDFBFF; --ref-secondary-100: #FFFFFF; --ref-tertiary-0: #000000; --ref-tertiary-10: #002204; --ref-tertiary-20: #003909; --ref-tertiary-30: #005312; --ref-tertiary-40: #1B6D24; --ref-tertiary-50: #38873A; --ref-tertiary-60: #53A252; --ref-tertiary-70: #6DBD6A; --ref-tertiary-80: #88D982; --ref-tertiary-90: #A3F69C; --ref-tertiary-95: #C8FFBF; --ref-tertiary-99: #F6FFF0; --ref-tertiary-100: #FFFFFF; --ref-error-0: #000000; --ref-error-10: #410003; --ref-error-20: #680008; --ref-error-30: #930010; --ref-error-40: #BA1A20; --ref-error-50: #DD3735; --ref-error-60: #FF544E; --ref-error-70: #FF8980; --ref-error-80: #FFB3AC; --ref-error-90: #FFDAD6; --ref-error-95: #FFEDEB; --ref-error-99: #FFFBFF; --ref-error-100: #FFFFFF; --ref-neutral-0: #000000; --ref-neutral-10: #191D17; --ref-neutral-20: #2D322C; --ref-neutral-30: #444841; --ref-neutral-40: #5B6059; --ref-neutral-50: #747871; --ref-neutral-60: #8E928A; --ref-neutral-70: #A9ACA4; --ref-neutral-80: #C4C8BF; --ref-neutral-90: #E0E4DB; --ref-neutral-95: #EFF2E9; --ref-neutral-99: #FAFDF4; --ref-neutral-100: #FFFFFF; --ref-neutral-variant-0: #000000; --ref-neutral-variant-10: #171D16; --ref-neutral-variant-20: #2C322A; --ref-neutral-variant-30: #424940; --ref-neutral-variant-40: #5A6057; --ref-neutral-variant-50: #72796F; --ref-neutral-variant-60: #8C9388; --ref-neutral-variant-70: #A7ADA2; --ref-neutral-variant-80: #C2C9BD; --ref-neutral-variant-90: #DEE5D8; --ref-neutral-variant-95: #EDF3E6; --ref-neutral-variant-99: #F8FEF2; --ref-neutral-variant-100: #FFFFFF; --md-sys-color-primary-fixed: var(--ref-primary-90); --md-sys-color-primary-fixed-dim: var(--ref-primary-80); --md-sys-color-on-primary-fixed: var(--ref-primary-10); --md-sys-color-on-primary-fixed-variant: var(--ref-primary-30); --md-sys-color-secondary-fixed: var(--ref-secondary-90); --md-sys-color-secondary-fixed-dim: var(--ref-secondary-80); --md-sys-color-on-secondary-fixed: var(--ref-secondary-10); --md-sys-color-on-secondary-fixed-variant: var(--ref-secondary-30); --md-sys-color-tertiary-fixed: var(--ref-tertiary-90); --md-sys-color-tertiary-fixed-dim: var(--ref-tertiary-80); --md-sys-color-on-tertiary-fixed: var(--ref-tertiary-10); --md-sys-color-on-tertiary-fixed-variant: var(--ref-tertiary-30); --md-sys-color-surface-dim: #F5F1E8; --md-sys-color-surface-container-lowest: #FEFCF7; --md-sys-color-surface-container-low: #FCF9F2; --md-sys-color-surface-container: #FAF7F0; --md-sys-color-surface-container-high: #F2EDE3; --md-sys-color-surface-container-highest: #EBE5D8; --md-sys-color-surface-bright: #FEFCF7; --sz-color-blue-color: #1565C0; --sz-color-blue-on-color: #FFFFFF; --sz-color-blue-container: #D3E4FF; --sz-color-blue-on-container: #001D35; --sz-color-gold-color: #92650A; --sz-color-gold-on-color: #FFFFFF; --sz-color-gold-container: #F7F2E5; --sz-color-gold-on-container: #1C1B00; --sz-color-green-color: #2E7D32; --sz-color-green-on-color: #FFFFFF; --sz-color-green-container: #D5FFD6; --sz-color-green-on-container: #002204; --sz-color-red-color: #D32F2F; --sz-color-red-on-color: #FFFFFF; --sz-color-red-container: #FFDED9; --sz-color-red-on-container: #410002; --md-sys-color-surface-tint: var(--md-sys-color-primary); --accent: var(--md-sys-color-primary); --accent2: var(--md-sys-color-primary); --accent-hover: var(--md-sys-color-primary); --accent2-hover: var(--md-sys-color-primary); --gold: var(--md-sys-color-primary); --sz-accent: var(--md-sys-color-primary); --text: var(--md-sys-color-on-background); --cream: var(--md-sys-color-on-surface); --muted: var(--md-sys-color-on-surface-variant); --sz-identity-phase-1: #D32F2F; --sz-identity-phase-2: #2E7D32; --sz-identity-phase-3: #1565C0; --sz-identity-phase-4: #92650A; } :root:root[data-web-palette="gold"][data-theme="dark-warm"], [data-web-palette="gold"][data-theme][data-theme="dark-warm"] { color-scheme: dark; --ambient-ceiling: color-mix(in srgb, #ffd54f, transparent 84%); --ambient-wall: color-mix(in srgb, #2196f3, transparent 84%); --ambient-floor: color-mix(in srgb, #4caf50, transparent 88%); --ambient-cove: color-mix(in srgb, #ffd54f, transparent 78%); --ambient-panel: color-mix(in srgb, #ffe89a, transparent 92%); --ambient-edge: color-mix(in srgb, #ffd54f, transparent 72%); --ambient-shadow: color-mix(in srgb, #2196f3, transparent 78%); --bg: #0A0705; --surface: #120D07; --elevated: #1B1209; --surface-dim: #0A0705; --surface-container-lowest: #0D0906; --surface-container-low: #100B07; --surface-container: #120D07; --surface-container-high: #1B1209; --surface-container-highest: #24180C; --surface-bright: #2D1E10; --md-sys-color-primary: var(--sz-color-gold-color); --md-sys-color-on-primary: var(--sz-color-gold-on-color); --md-sys-color-primary-container: var(--sz-color-gold-container); --md-sys-color-on-primary-container: var(--sz-color-gold-on-container); --md-sys-color-secondary: var(--sz-color-blue-color); --md-sys-color-on-secondary: var(--sz-color-blue-on-color); --md-sys-color-secondary-container: var(--sz-color-blue-container); --md-sys-color-on-secondary-container: var(--sz-color-blue-on-container); --md-sys-color-tertiary: var(--sz-color-green-color); --md-sys-color-on-tertiary: var(--sz-color-green-on-color); --md-sys-color-tertiary-container: var(--sz-color-green-container); --md-sys-color-on-tertiary-container: var(--sz-color-green-on-container); --md-sys-color-error: var(--sz-color-red-color); --md-sys-color-on-error: var(--sz-color-red-on-color); --md-sys-color-error-container: var(--sz-color-red-container); --md-sys-color-on-error-container: var(--sz-color-red-on-container); --md-sys-color-background: #0A0705; --md-sys-color-on-background: #F3F4F6; --md-sys-color-surface: #120D07; --md-sys-color-on-surface: #F1E7D2; --md-sys-color-surface-variant: #111111; --md-sys-color-on-surface-variant: #B4A587; --md-sys-color-outline: #9D8E73; --md-sys-color-outline-variant: #322619; --md-sys-color-inverse-surface: #F1E7D2; --md-sys-color-inverse-on-surface: #24180C; --md-sys-color-inverse-primary: var(--ref-primary-40); --md-sys-color-shadow: #000000; --md-sys-color-scrim: rgba(0, 0, 0, 0.48); --ref-primary-0: #000000; --ref-primary-10: #241A00; --ref-primary-20: #3C2F00; --ref-primary-30: #574500; --ref-primary-40: #735C00; --ref-primary-50: #917400; --ref-primary-60: #AF8D00; --ref-primary-70: #CDA721; --ref-primary-80: #EBC23E; --ref-primary-90: #FFE087; --ref-primary-95: #FFEFCC; --ref-primary-99: #FFFBFF; --ref-primary-100: #FFFFFF; --ref-secondary-0: #000000; --ref-secondary-10: #001D36; --ref-secondary-20: #003258; --ref-secondary-30: #00497D; --ref-secondary-40: #0061A4; --ref-secondary-50: #007BCC; --ref-secondary-60: #1E95F2; --ref-secondary-70: #63B0FF; --ref-secondary-80: #9ECAFF; --ref-secondary-90: #D1E4FF; --ref-secondary-95: #EAF1FF; --ref-secondary-99: #FDFCFF; --ref-secondary-100: #FFFFFF; --ref-tertiary-0: #000000; --ref-tertiary-10: #002204; --ref-tertiary-20: #00390A; --ref-tertiary-30: #005313; --ref-tertiary-40: #006E1C; --ref-tertiary-50: #22892F; --ref-tertiary-60: #41A447; --ref-tertiary-70: #5DC05E; --ref-tertiary-80: #78DC77; --ref-tertiary-90: #94F990; --ref-tertiary-95: #C8FFC0; --ref-tertiary-99: #F6FFF0; --ref-tertiary-100: #FFFFFF; --ref-error-0: #000000; --ref-error-10: #410001; --ref-error-20: #690002; --ref-error-30: #930005; --ref-error-40: #BB1614; --ref-error-50: #E0342A; --ref-error-60: #FF5545; --ref-error-70: #FF8A7B; --ref-error-80: #FFB4A9; --ref-error-90: #FFDAD5; --ref-error-95: #FFEDEA; --ref-error-99: #FFFBFF; --ref-error-100: #FFFFFF; --ref-neutral-0: #000000; --ref-neutral-10: #1F1B13; --ref-neutral-20: #343027; --ref-neutral-30: #4B463C; --ref-neutral-40: #635E53; --ref-neutral-50: #7C766B; --ref-neutral-60: #969084; --ref-neutral-70: #B1AA9E; --ref-neutral-80: #CDC6B9; --ref-neutral-90: #EAE2D4; --ref-neutral-95: #F8F0E2; --ref-neutral-99: #FFFBFF; --ref-neutral-100: #FFFFFF; --ref-neutral-variant-0: #000000; --ref-neutral-variant-10: #1F1B10; --ref-neutral-variant-20: #353024; --ref-neutral-variant-30: #4C4639; --ref-neutral-variant-40: #645E4F; --ref-neutral-variant-50: #7D7667; --ref-neutral-variant-60: #989080; --ref-neutral-variant-70: #B3AA99; --ref-neutral-variant-80: #CFC6B4; --ref-neutral-variant-90: #EBE1CF; --ref-neutral-variant-95: #FAF0DD; --ref-neutral-variant-99: #FFFBFF; --ref-neutral-variant-100: #FFFFFF; --md-sys-color-primary-fixed: var(--ref-primary-90); --md-sys-color-primary-fixed-dim: var(--ref-primary-80); --md-sys-color-on-primary-fixed: var(--ref-primary-10); --md-sys-color-on-primary-fixed-variant: var(--ref-primary-30); --md-sys-color-secondary-fixed: var(--ref-secondary-90); --md-sys-color-secondary-fixed-dim: var(--ref-secondary-80); --md-sys-color-on-secondary-fixed: var(--ref-secondary-10); --md-sys-color-on-secondary-fixed-variant: var(--ref-secondary-30); --md-sys-color-tertiary-fixed: var(--ref-tertiary-90); --md-sys-color-tertiary-fixed-dim: var(--ref-tertiary-80); --md-sys-color-on-tertiary-fixed: var(--ref-tertiary-10); --md-sys-color-on-tertiary-fixed-variant: var(--ref-tertiary-30); --md-sys-color-surface-dim: #0A0705; --md-sys-color-surface-container-lowest: #0D0906; --md-sys-color-surface-container-low: #100B07; --md-sys-color-surface-container: #120D07; --md-sys-color-surface-container-high: #1B1209; --md-sys-color-surface-container-highest: #24180C; --md-sys-color-surface-bright: #2D1E10; --sz-color-blue-color: #2196F3; --sz-color-blue-on-color: #000000; --sz-color-blue-container: #003352; --sz-color-blue-on-container: #D8EFFF; --sz-color-gold-color: #FFD54F; --sz-color-gold-on-color: #211B00; --sz-color-gold-container: #3C2F00; --sz-color-gold-on-container: #FFE89A; --sz-color-green-color: #4CAF50; --sz-color-green-on-color: #050505; --sz-color-green-container: #00390B; --sz-color-green-on-container: #D5FFD6; --sz-color-red-color: #F44336; --sz-color-red-on-color: #000000; --sz-color-red-container: #690005; --sz-color-red-on-container: #FFDED9; --md-sys-color-surface-tint: var(--md-sys-color-primary); --accent: var(--md-sys-color-primary); --accent2: var(--md-sys-color-primary); --accent-hover: var(--md-sys-color-primary); --accent2-hover: var(--md-sys-color-primary); --gold: var(--md-sys-color-primary); --sz-accent: var(--md-sys-color-primary); --text: var(--md-sys-color-on-background); --cream: var(--md-sys-color-on-surface); --muted: var(--md-sys-color-on-surface-variant); --sz-identity-phase-1: #F44336; --sz-identity-phase-2: #4CAF50; --sz-identity-phase-3: #2196F3; --sz-identity-phase-4: #FFD54F; } :root:root[data-web-palette="gold"][data-surface="light"] { color-scheme: light; --ambient-ceiling: color-mix(in srgb, #1565c0, transparent 88%); --ambient-wall: color-mix(in srgb, #1565c0, transparent 90%); --ambient-floor: color-mix(in srgb, #2e7d32, transparent 92%); --ambient-cove: color-mix(in srgb, #b77900, transparent 84%); --ambient-panel: rgba(255,255,255,0.70); --ambient-edge: color-mix(in srgb, #1565c0, transparent 78%); --ambient-shadow: color-mix(in srgb, #1565c0, transparent 84%); --bg: #FFFFFF; --surface: #F8FAFC; --elevated: #EEF2F7; --surface-dim: #F4F4F4; --surface-container-lowest: #FFFFFF; --surface-container-low: #FAFBFD; --surface-container: #F8FAFC; --surface-container-high: #EEF2F7; --surface-container-highest: #E8EDF3; --surface-bright: #FFFFFF; --scrim: rgba(0, 0, 0, 0.32); --md-sys-color-primary: var(--sz-color-gold-color); --md-sys-color-on-primary: var(--sz-color-gold-on-color); --md-sys-color-primary-container: var(--sz-color-gold-container); --md-sys-color-on-primary-container: var(--sz-color-gold-on-container); --md-sys-color-secondary: var(--sz-color-blue-color); --md-sys-color-on-secondary: var(--sz-color-blue-on-color); --md-sys-color-secondary-container: var(--sz-color-blue-container); --md-sys-color-on-secondary-container: var(--sz-color-blue-on-container); --md-sys-color-tertiary: var(--sz-color-green-color); --md-sys-color-on-tertiary: var(--sz-color-green-on-color); --md-sys-color-tertiary-container: var(--sz-color-green-container); --md-sys-color-on-tertiary-container: var(--sz-color-green-on-container); --md-sys-color-error: var(--sz-color-red-color); --md-sys-color-on-error: var(--sz-color-red-on-color); --md-sys-color-error-container: var(--sz-color-red-container); --md-sys-color-on-error-container: var(--sz-color-red-on-container); --md-sys-color-background: #FFFFFF; --md-sys-color-on-background: #111827; --md-sys-color-surface: #F8FAFC; --md-sys-color-on-surface: #111827; --md-sys-color-surface-variant: #EEF2F7; --md-sys-color-on-surface-variant: #4B5563; --md-sys-color-outline: #6B7280; --md-sys-color-outline-variant: #D8DEE8; --md-sys-color-inverse-surface: #111827; --md-sys-color-inverse-on-surface: #FFFFFF; --md-sys-color-inverse-primary: var(--ref-primary-80); --md-sys-color-shadow: #000000; --md-sys-color-scrim: rgba(0, 0, 0, 0.32); --ref-primary-0: #000000; --ref-primary-10: #291800; --ref-primary-20: #452B00; --ref-primary-30: #633F00; --ref-primary-40: #825500; --ref-primary-50: #A36B00; --ref-primary-60: #C48412; --ref-primary-70: #E29E30; --ref-primary-80: #FFB952; --ref-primary-90: #FFDDB3; --ref-primary-95: #FFEEDC; --ref-primary-99: #FFFBFF; --ref-primary-100: #FFFFFF; --ref-secondary-0: #000000; --ref-secondary-10: #001B3D; --ref-secondary-20: #003063; --ref-secondary-30: #00468C; --ref-secondary-40: #005DB7; --ref-secondary-50: #3277D2; --ref-secondary-60: #5191EE; --ref-secondary-70: #79ACFF; --ref-secondary-80: #A9C7FF; --ref-secondary-90: #D6E3FF; --ref-secondary-95: #ECF0FF; --ref-secondary-99: #FDFBFF; --ref-secondary-100: #FFFFFF; --ref-tertiary-0: #000000; --ref-tertiary-10: #002204; --ref-tertiary-20: #003909; --ref-tertiary-30: #005312; --ref-tertiary-40: #1B6D24; --ref-tertiary-50: #38873A; --ref-tertiary-60: #53A252; --ref-tertiary-70: #6DBD6A; --ref-tertiary-80: #88D982; --ref-tertiary-90: #A3F69C; --ref-tertiary-95: #C8FFBF; --ref-tertiary-99: #F6FFF0; --ref-tertiary-100: #FFFFFF; --ref-error-0: #000000; --ref-error-10: #410003; --ref-error-20: #680008; --ref-error-30: #930010; --ref-error-40: #BA1A20; --ref-error-50: #DD3735; --ref-error-60: #FF544E; --ref-error-70: #FF8980; --ref-error-80: #FFB3AC; --ref-error-90: #FFDAD6; --ref-error-95: #FFEDEB; --ref-error-99: #FFFBFF; --ref-error-100: #FFFFFF; --ref-neutral-0: #000000; --ref-neutral-10: #191C20; --ref-neutral-20: #2E3036; --ref-neutral-30: #45474C; --ref-neutral-40: #5C5E64; --ref-neutral-50: #75777D; --ref-neutral-60: #8F9097; --ref-neutral-70: #AAABB1; --ref-neutral-80: #C5C6CD; --ref-neutral-90: #E2E2E9; --ref-neutral-95: #F0F0F7; --ref-neutral-99: #FDFBFF; --ref-neutral-100: #FFFFFF; --ref-neutral-variant-0: #000000; --ref-neutral-variant-10: #181C22; --ref-neutral-variant-20: #2D3038; --ref-neutral-variant-30: #44474E; --ref-neutral-variant-40: #5B5E66; --ref-neutral-variant-50: #74777F; --ref-neutral-variant-60: #8E9099; --ref-neutral-variant-70: #A8ABB4; --ref-neutral-variant-80: #C4C6CF; --ref-neutral-variant-90: #E0E2EC; --ref-neutral-variant-95: #EEF0FA; --ref-neutral-variant-99: #FDFBFF; --ref-neutral-variant-100: #FFFFFF; --md-sys-color-primary-fixed: var(--ref-primary-90); --md-sys-color-primary-fixed-dim: var(--ref-primary-80); --md-sys-color-on-primary-fixed: var(--ref-primary-10); --md-sys-color-on-primary-fixed-variant: var(--ref-primary-30); --md-sys-color-secondary-fixed: var(--ref-secondary-90); --md-sys-color-secondary-fixed-dim: var(--ref-secondary-80); --md-sys-color-on-secondary-fixed: var(--ref-secondary-10); --md-sys-color-on-secondary-fixed-variant: var(--ref-secondary-30); --md-sys-color-tertiary-fixed: var(--ref-tertiary-90); --md-sys-color-tertiary-fixed-dim: var(--ref-tertiary-80); --md-sys-color-on-tertiary-fixed: var(--ref-tertiary-10); --md-sys-color-on-tertiary-fixed-variant: var(--ref-tertiary-30); --md-sys-color-surface-dim: #F4F4F4; --md-sys-color-surface-container-lowest: #FFFFFF; --md-sys-color-surface-container-low: #FAFBFD; --md-sys-color-surface-container: #F8FAFC; --md-sys-color-surface-container-high: #EEF2F7; --md-sys-color-surface-container-highest: #E8EDF3; --md-sys-color-surface-bright: #FFFFFF; --sz-color-blue-color: #1565C0; --sz-color-blue-on-color: #FFFFFF; --sz-color-blue-container: #D3E4FF; --sz-color-blue-on-container: #001D35; --sz-color-gold-color: #92650A; --sz-color-gold-on-color: #FFFFFF; --sz-color-gold-container: #F9F1A6; --sz-color-gold-on-container: #1C1B00; --sz-color-green-color: #2E7D32; --sz-color-green-on-color: #FFFFFF; --sz-color-green-container: #D5FFD6; --sz-color-green-on-container: #002204; --sz-color-red-color: #D32F2F; --sz-color-red-on-color: #FFFFFF; --sz-color-red-container: #FFDED9; --sz-color-red-on-container: #410002; --md-sys-color-surface-tint: var(--md-sys-color-primary); --accent: var(--md-sys-color-primary); --accent2: var(--md-sys-color-primary); --accent-hover: var(--md-sys-color-primary); --accent2-hover: var(--md-sys-color-primary); --gold: var(--md-sys-color-primary); --sz-accent: var(--md-sys-color-primary); --text: var(--md-sys-color-on-background); --cream: var(--md-sys-color-on-surface); --muted: var(--md-sys-color-on-surface-variant); --sz-identity-phase-1: #D32F2F; --sz-identity-phase-2: #2E7D32; --sz-identity-phase-3: #1565C0; --sz-identity-phase-4: #B77900; } :root:root[data-web-palette="gold"][data-surface="dark"] { color-scheme: dark; --ambient-ceiling: color-mix(in srgb, #ffeb3b, transparent 84%); --ambient-wall: color-mix(in srgb, #2196f3, transparent 84%); --ambient-floor: color-mix(in srgb, #4caf50, transparent 88%); --ambient-cove: color-mix(in srgb, #ffeb3b, transparent 78%); --ambient-panel: color-mix(in srgb, #fffde7, transparent 92%); --ambient-edge: color-mix(in srgb, #ffeb3b, transparent 72%); --ambient-shadow: color-mix(in srgb, #2196f3, transparent 78%); --bg: #050505; --surface: #0A0A0A; --elevated: #111111; --surface-dim: #050505; --surface-container-lowest: #060606; --surface-container-low: #080808; --surface-container: #0A0A0A; --surface-container-high: #111111; --surface-container-highest: #161616; --surface-bright: #1A1A1A; --scrim: rgba(0, 0, 0, 0.48); --md-sys-color-primary: var(--sz-color-gold-color); --md-sys-color-on-primary: var(--sz-color-gold-on-color); --md-sys-color-primary-container: var(--sz-color-gold-container); --md-sys-color-on-primary-container: var(--sz-color-gold-on-container); --md-sys-color-secondary: var(--sz-color-blue-color); --md-sys-color-on-secondary: var(--sz-color-blue-on-color); --md-sys-color-secondary-container: var(--sz-color-blue-container); --md-sys-color-on-secondary-container: var(--sz-color-blue-on-container); --md-sys-color-tertiary: var(--sz-color-green-color); --md-sys-color-on-tertiary: var(--sz-color-green-on-color); --md-sys-color-tertiary-container: var(--sz-color-green-container); --md-sys-color-on-tertiary-container: var(--sz-color-green-on-container); --md-sys-color-error: var(--sz-color-red-color); --md-sys-color-on-error: var(--sz-color-red-on-color); --md-sys-color-error-container: var(--sz-color-red-container); --md-sys-color-on-error-container: var(--sz-color-red-on-container); --md-sys-color-background: #050505; --md-sys-color-on-background: #F3F4F6; --md-sys-color-surface: #0A0A0A; --md-sys-color-on-surface: #FFFDE7; --md-sys-color-surface-variant: #111111; --md-sys-color-on-surface-variant: #9CA3AF; --md-sys-color-outline: #6A6A6A; --md-sys-color-outline-variant: #2A2A2A; --md-sys-color-inverse-surface: #F3F4F6; --md-sys-color-inverse-on-surface: #050505; --md-sys-color-inverse-primary: var(--ref-primary-40); --md-sys-color-shadow: #000000; --md-sys-color-scrim: rgba(0, 0, 0, 0.48); --ref-primary-0: #000000; --ref-primary-10: #201C00; --ref-primary-20: #363100; --ref-primary-30: #4F4800; --ref-primary-40: #695F00; --ref-primary-50: #847800; --ref-primary-60: #A09200; --ref-primary-70: #BDAD00; --ref-primary-80: #DBC90A; --ref-primary-90: #F9E534; --ref-primary-95: #FFF39E; --ref-primary-99: #FFFBFF; --ref-primary-100: #FFFFFF; --ref-secondary-0: #000000; --ref-secondary-10: #001D36; --ref-secondary-20: #003258; --ref-secondary-30: #00497D; --ref-secondary-40: #0061A4; --ref-secondary-50: #007BCC; --ref-secondary-60: #1E95F2; --ref-secondary-70: #63B0FF; --ref-secondary-80: #9ECAFF; --ref-secondary-90: #D1E4FF; --ref-secondary-95: #EAF1FF; --ref-secondary-99: #FDFCFF; --ref-secondary-100: #FFFFFF; --ref-tertiary-0: #000000; --ref-tertiary-10: #002204; --ref-tertiary-20: #00390A; --ref-tertiary-30: #005313; --ref-tertiary-40: #006E1C; --ref-tertiary-50: #22892F; --ref-tertiary-60: #41A447; --ref-tertiary-70: #5DC05E; --ref-tertiary-80: #78DC77; --ref-tertiary-90: #94F990; --ref-tertiary-95: #C8FFC0; --ref-tertiary-99: #F6FFF0; --ref-tertiary-100: #FFFFFF; --ref-error-0: #000000; --ref-error-10: #410001; --ref-error-20: #690002; --ref-error-30: #930005; --ref-error-40: #BB1614; --ref-error-50: #E0342A; --ref-error-60: #FF5545; --ref-error-70: #FF8A7B; --ref-error-80: #FFB4A9; --ref-error-90: #FFDAD5; --ref-error-95: #FFEDEA; --ref-error-99: #FFFBFF; --ref-error-100: #FFFFFF; --ref-neutral-0: #000000; --ref-neutral-10: #1D1C13; --ref-neutral-20: #323027; --ref-neutral-30: #49473D; --ref-neutral-40: #615E54; --ref-neutral-50: #7A776C; --ref-neutral-60: #949185; --ref-neutral-70: #AFAB9F; --ref-neutral-80: #CBC6B9; --ref-neutral-90: #E7E2D5; --ref-neutral-95: #F6F0E3; --ref-neutral-99: #FFFBFF; --ref-neutral-100: #FFFFFF; --ref-neutral-variant-0: #000000; --ref-neutral-variant-10: #1E1C11; --ref-neutral-variant-20: #333124; --ref-neutral-variant-30: #4A473A; --ref-neutral-variant-40: #625F50; --ref-neutral-variant-50: #7B7768; --ref-neutral-variant-60: #959181; --ref-neutral-variant-70: #B0AB9A; --ref-neutral-variant-80: #CBC6B5; --ref-neutral-variant-90: #E8E2D0; --ref-neutral-variant-95: #F6F1DE; --ref-neutral-variant-99: #FFFBFF; --ref-neutral-variant-100: #FFFFFF; --md-sys-color-primary-fixed: var(--ref-primary-90); --md-sys-color-primary-fixed-dim: var(--ref-primary-80); --md-sys-color-on-primary-fixed: var(--ref-primary-10); --md-sys-color-on-primary-fixed-variant: var(--ref-primary-30); --md-sys-color-secondary-fixed: var(--ref-secondary-90); --md-sys-color-secondary-fixed-dim: var(--ref-secondary-80); --md-sys-color-on-secondary-fixed: var(--ref-secondary-10); --md-sys-color-on-secondary-fixed-variant: var(--ref-secondary-30); --md-sys-color-tertiary-fixed: var(--ref-tertiary-90); --md-sys-color-tertiary-fixed-dim: var(--ref-tertiary-80); --md-sys-color-on-tertiary-fixed: var(--ref-tertiary-10); --md-sys-color-on-tertiary-fixed-variant: var(--ref-tertiary-30); --md-sys-color-surface-dim: #050505; --md-sys-color-surface-container-lowest: #060606; --md-sys-color-surface-container-low: #080808; --md-sys-color-surface-container: #0A0A0A; --md-sys-color-surface-container-high: #111111; --md-sys-color-surface-container-highest: #161616; --md-sys-color-surface-bright: #1A1A1A; --sz-color-blue-color: #2196F3; --sz-color-blue-on-color: #000000; --sz-color-blue-container: #003352; --sz-color-blue-on-container: #D8EFFF; --sz-color-gold-color: #FFEB3B; --sz-color-gold-on-color: #050505; --sz-color-gold-container: #333100; --sz-color-gold-on-container: #FFFDE7; --sz-color-green-color: #4CAF50; --sz-color-green-on-color: #050505; --sz-color-green-container: #00390B; --sz-color-green-on-container: #D5FFD6; --sz-color-red-color: #F44336; --sz-color-red-on-color: #000000; --sz-color-red-container: #690005; --sz-color-red-on-container: #FFDED9; --md-sys-color-surface-tint: var(--md-sys-color-primary); --accent: var(--md-sys-color-primary); --accent2: var(--md-sys-color-primary); --accent-hover: var(--md-sys-color-primary); --accent2-hover: var(--md-sys-color-primary); --gold: var(--md-sys-color-primary); --sz-accent: var(--md-sys-color-primary); --text: var(--md-sys-color-on-background); --cream: var(--md-sys-color-on-surface); --muted: var(--md-sys-color-on-surface-variant); --sz-identity-phase-1: #F44336; --sz-identity-phase-2: #4CAF50; --sz-identity-phase-3: #2196F3; --sz-identity-phase-4: #FFEB3B; } }