:root { --color-navy: #0b2d5d; --color-dark: #06101f; --color-gold: #ad8c60; --color-gold-soft: #c7a46f; --color-cream: #f8f4ed; --color-paper: #fffdfa; --color-white: #ffffff; --color-ink: #273042; --color-muted: #8a909a; --color-muted-2: #69717f; --color-line: #e8e0d4; --color-success: #267353; --color-warning: #9b6417; --color-danger: #a33b3b; --surface-page: var(--color-paper); --surface-soft: var(--color-cream); --surface-raised: var(--color-white); --surface-glass: rgba(255,255,255,.82); --surface-glass-strong: rgba(255,255,255,.9); --surface-accent-muted: rgba(173,140,96,.08); --surface-code: #071425; --surface-header: rgba(255,255,255,.88); --surface-inverse: var(--color-dark); --text-heading: var(--color-navy); --text-body: var(--color-ink); --text-muted: var(--color-muted); --text-inverse: var(--color-white); --text-inverse-muted: #c8d0dc; --text-code: #d5dae0; --text-note: #465062; --border-default: var(--color-line); --border-header: rgba(232,224,212,.9); --border-inverse: rgba(255,255,255,.16); --accent: var(--color-gold); --accent-inverse: #e7c999; --accent-line: rgba(173,140,96,.48); --accent-line-inverse: rgba(231,201,153,.5); --slider-dot-color: #d9d2c4;}