/* ============================================================ spb.money — THEME OVERRIDE (loaded AFTER ../../styles.css) Saint Petersburg edition: Neva cobalt + imperial gold accent, cool granite neutrals, white-nights cream. Type: Sora + Golos Text. Only token VALUES change — every component recolours automatically. ============================================================ */ /* Шрифты подключаются -ом в index.html (preconnect, без @import-водопада). */ :root { /* ---- Type: distinct from EKB (Unbounded/Manrope) ---- */ --font-display: 'Sora', 'Golos Text', system-ui, sans-serif; --font-sans: 'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace; --ls-display: -0.025em; /* ---- Brand: Neva cobalt (was emerald) ---- */ --emerald-50: #ECF1FE; --emerald-100: #D6E2FC; --emerald-200: #AEC6F8; --emerald-300: #7FA3F1; --emerald-400: #4E7DEA; --emerald-500: #2A5FDB; /* PRIMARY — cobalt */ --emerald-600: #1F4DC2; --emerald-700: #1B3FA0; --emerald-800: #1A357F; --emerald-900: #182B61; /* ---- Pine → deep navy ink (dark surfaces & text) ---- */ --pine-950: #08101F; --pine-900: #0D182B35; --pine-900s: #0D182B; --pine-800: #15233F; --pine-700: #1D2F52; /* ---- Gold: imperial Petersburg gilding (kept, slightly warmer) ---- */ --gold-400: #DCC079; --gold-500: #CBA94F; --gold-600: #A9863A; /* ---- Neutrals: cool granite grays ---- */ --stone-0: #FFFFFF; --stone-50: #F4F6FB; /* page background */ --stone-100: #EAEEF6; --stone-200: #DCE2EE; --stone-300: #C7D0E0; --stone-400: #9DA8BD; --stone-500: #74809A; --stone-600: #545F76; --stone-700: #3B4459; --stone-800: #262C3B; --stone-900: #161B26; /* ---- Semantic raw ---- */ --green: #1F9D6B; /* keep a real green for positive rate moves */ --red: #E0524E; --amber: #E0A12B; --blue: #2A5FDB; /* ---- Text ---- */ --text-strong: var(--pine-950); --text-body: var(--stone-800); --text-muted: var(--stone-600); --text-faint: var(--stone-500); --text-on-dark: var(--stone-50); --text-on-dark-muted: #AEBFD8; --text-on-brand: #FFFFFF; /* white text on cobalt buttons */ --text-link: var(--emerald-700); /* ---- Surfaces ---- */ --surface-page: var(--stone-50); --surface-card: var(--stone-0); --surface-sunken: var(--stone-100); --surface-dark: var(--pine-950); --surface-dark-2: var(--pine-900s); --surface-brand: var(--emerald-500); --surface-mint: var(--emerald-50); /* ---- Borders ---- */ --border-subtle: var(--stone-200); --border-default: var(--stone-300); --border-strong: var(--stone-400); --border-dark: #243557; --border-brand: var(--emerald-200); /* ---- States ---- */ --focus-ring: color-mix(in oklch, var(--emerald-500) 55%, transparent); --scrim: color-mix(in oklch, var(--pine-950) 62%, transparent); --rate-up: var(--green); --rate-down: var(--red); } ::selection { background: var(--emerald-200); color: var(--pine-950); } /* ============================================================ SPB contrast fixes (shared components assume EKB's bright-green accent; on the cobalt palette these two spots need brighter ink). Scoped here so EKB is unaffected. ============================================================ */ /* Process step number: bright-blue digit on near-black circle → white digit. */ #process .ekb-grid-4 > div > div:first-child > div:first-child { color: #fff !important; } /* Calculator swap-direction button: dark glyph on cobalt → white glyph. */ #calc [title="Поменять направление"] { color: #fff !important; }