/* ========================================================================== poste.cc · COLOR PALETTES -------------------------------------------------------------------------- Swap the brand personality with data-posta-palette="…" on . Combine freely with data-bs-theme="light|dark". Default (no attribute) = POSTA (postal yellow), defined in colors.css. Each palette overrides ONLY brand + hero gradient + a faint neutral tint. The STATUS SYSTEM (odprto/zaprto…) and semantic colors never change — they carry meaning. Palettes: posta (default) · signal · graphite = standard ember = wild (postal heritage red) ========================================================================== */ /* ===================== SIGNAL — civic blue (standard) =================== */ [data-posta-palette="signal"]{ --brand:#1A73C7; --brand-ink:#155CA0; --brand-hover:#155CA0; --brand-press:#114B83; --brand-weak:#E8F1FB; --brand-weak-2:#CFE2F6; --on-brand:#FFFFFF; --focus-ring:color-mix(in oklch, #1A73C7 55%, transparent); --grad-brand:linear-gradient(135deg, #4A9BEA 0%, #1A73C7 58%, #135499 100%); --shadow-brand:0 8px 22px rgba(26, 115, 199, 0.30); --bg:#EEF2F6; --surface:#FFFFFF; --surface-2:#F3F7FB; --surface-3:#E6EDF4; --line:#DBE3EC; --line-strong:#C2CEDB; --text:#14202C; --text-2:#44525F; --text-muted:#748393; } [data-bs-theme="dark"][data-posta-palette="signal"]{ --brand:#5AA9F0; --brand-ink:#5AA9F0; --brand-hover:#82C0F6; --brand-press:#AAD6FA; --brand-weak:rgba(40, 130, 230, 0.16); --brand-weak-2:rgba(40, 130, 230, 0.27); --on-brand:#08233F; --grad-brand:linear-gradient(135deg, #1F4E7E 0%, #163A5E 58%, #102843 100%); --bg:#0A121B; --surface:#111C28; --surface-2:#162433; --surface-3:#1D3043; --line:#213245; --line-strong:#2E445B; --text:#EAF1F8; --text-2:#B6C5D4; --text-muted:#7E8FA1; } /* ===================== GRAPHITE — minimal ink (standard) ================= */ [data-posta-palette="graphite"]{ --brand:#2B2B2B; --brand-ink:#2B2B2B; --brand-hover:#1A1A1A; --brand-press:#000000; --brand-weak:#F0EFEC; --brand-weak-2:#E2E0DB; --on-brand:#FFFFFF; --focus-ring:color-mix(in oklch, #2B2B2B 45%, transparent); --grad-brand:linear-gradient(135deg, #4A4A48 0%, #2B2B2B 58%, #161616 100%); --shadow-brand:0 8px 20px rgba(20, 20, 20, 0.22); --bg:#F1EFE9; --surface:#FFFFFF; --surface-2:#F6F4EF; --surface-3:#ECE9E1; --line:#E1DDD3; --line-strong:#CBC6BA; --text:#1C1B18; --text-2:#4F4D46; --text-muted:#847F74; } [data-bs-theme="dark"][data-posta-palette="graphite"]{ --brand:#E9E6DF; --brand-ink:#E9E6DF; --brand-hover:#F5F3EE; --brand-press:#FFFFFF; --brand-weak:rgba(220, 216, 206, 0.14); --brand-weak-2:rgba(220, 216, 206, 0.24); --on-brand:#17150F; --grad-brand:linear-gradient(135deg, #34322C 0%, #232220 58%, #16140F 100%); --bg:#100F0C; --surface:#1A1815; --surface-2:#211F1B; --surface-3:#2A2723; --line:#302D28; --line-strong:#423E37; --text:#F3F0E8; --text-2:#C8C3B6; --text-muted:#968F80; } /* ===================== EMBER — postal heritage red (wild) =============== */ [data-posta-palette="ember"]{ --brand:#D8472B; --brand-ink:#B53A22; --brand-hover:#C23D23; --brand-press:#A3331D; --brand-weak:#FCEBE6; --brand-weak-2:#F8D4CA; --on-brand:#FFFFFF; --focus-ring:color-mix(in oklch, #D8472B 55%, transparent); --grad-brand:linear-gradient(135deg, #F17A4A 0%, #D8472B 56%, #B5301D 100%); --shadow-brand:0 8px 22px rgba(200, 60, 35, 0.30); --bg:#F7EFE9; --surface:#FFFAF6; --surface-2:#FAECE4; --surface-3:#F3DDD1; --line:#ECD6C9; --line-strong:#DDBDAB; --text:#2A1812; --text-2:#5E4035; --text-muted:#8E6C5E; } [data-bs-theme="dark"][data-posta-palette="ember"]{ --brand:#F4744F; --brand-ink:#F4744F; --brand-hover:#F89272; --brand-press:#FBB39B; --brand-weak:rgba(216, 71, 43, 0.18); --brand-weak-2:rgba(216, 71, 43, 0.28); --on-brand:#2A0D06; --grad-brand:linear-gradient(135deg, #4A261A 0%, #371912 58%, #2A1210 100%); --bg:#190F0C; --surface:#231614; --surface-2:#2C1C18; --surface-3:#382522; --line:#3F2A26; --line-strong:#563A34; --text:#FBEAE3; --text-2:#D9B8AD; --text-muted:#A9847A; }