/* Palette ufficiale BCC dell'Alta Murgia. * Valori estratti dal foglio di stile del sito (/css/14/BankColorStyleCss): * --primary-bg #005366 petrolio, colore istituzionale * --primary-bg-dark hsl(191,100%,14%) -> #003a47 * --primary-bg-light hsl(191,100%,40%) -> #00a7cc * --secondary-bg #ffba3a ambra, colore di richiamo * --secondary-bg-dark hsl(39,100%,47.4%) -> #f19d00 * neutri #454545 #595959 #f4f3f3 #dee2e6 */ :root { --bcc-petrolio: #005366; --bcc-petrolio-scuro: #003a47; --bcc-petrolio-chiaro: #00a7cc; --bcc-ambra: #ffba3a; --bcc-ambra-scura: #f19d00; --bcc-ambra-chiara: #ffd381; --bcc-grigio: #454545; --bcc-grigio-medio: #595959; --bcc-grigio-chiaro: #f4f3f3; --bcc-bordo: #dee2e6; /* ruoli usati dalle pagine */ --bg: var(--bcc-grigio-chiaro); --superficie:#ffffff; --fg: var(--bcc-grigio); --muted: var(--bcc-grigio-medio); --line: var(--bcc-bordo); --accent: var(--bcc-petrolio); --accent-fg: #ffffff; --accent-hover: var(--bcc-petrolio-scuro); --evidenza: var(--bcc-ambra); --bolla: #eef4f6; /* petrolio molto diluito */ } @media (prefers-color-scheme: dark) { :root { --bg: #14181a; --superficie:#1c2225; --fg: #e9e7e2; --muted: #9aa4a8; --line: #2c3438; --accent: var(--bcc-petrolio-chiaro); --accent-fg: #04252d; --accent-hover: #37bde0; --evidenza: var(--bcc-ambra); --bolla: #232b2f; } } /* Il tema segue le preferenze del sistema, ma il sito ospite può forzarlo con oppure "scuro". */ :root[data-tema="chiaro"] { --bg:#f4f3f3; --superficie:#fff; --fg:#454545; --muted:#595959; --line:#dee2e6; --accent:#005366; --accent-fg:#fff; --accent-hover:#003a47; --bolla:#eef4f6; } :root[data-tema="scuro"] { --bg:#14181a; --superficie:#1c2225; --fg:#e9e7e2; --muted:#9aa4a8; --line:#2c3438; --accent:#00a7cc; --accent-fg:#04252d; --accent-hover:#37bde0; --bolla:#232b2f; }