@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap');

/* ── ORTEC corporate palette (Bolster tokens) ─────────────────────────────
   Copied from the ORTEC XS applications so the changelog wears exactly the
   same colours as the products it describes.

   Deep   #3F0123  PMS 4975     the primary: type, actions, focus
   Coral  #FF7458  PMS 1645 C   the accent, and the primary on dark grounds
   Breeze #D9E8FF  PMS 2707 C   the light companion, used for hover states  */

:root {
    color-scheme: light dark;

    --bol-color-brand-deep: #3F0123;
    --bol-color-brand-coral: #FF7458;
    --bol-color-brand-breeze: #D9E8FF;

    --bol-color-primary: #3F0123;
    --bol-color-primary-lighter: #F4E3EB;
    --bol-color-on-primary: #FFFFFF;
    --bol-color-accent: #FF7458;
    --bol-color-accent-lighter: #FFE3DC;
    --bol-color-positive: #007D34;
    --bol-color-negative: #DB0000;
    --bol-color-warning: #F08400;
    --bol-color-text-primary: #2E1B24;
    --bol-color-text-secondary: #6B5560;
    --bol-color-text-contrast: #FFFFFF;
    --bol-color-hover: #EDF3FF;
    --bol-color-focus: #3F0123;
    --bol-color-focus-ring: rgba(63, 1, 35, 0.20);
    --bol-color-focus-ring-soft: rgba(63, 1, 35, 0.15);
    --bol-color-blue: #0071B3;
    --bol-color-green: #5D7508;
    --bol-color-orange: #BD4411;
    --bol-color-purple: #A90074;
    --bol-color-background-primary: #FAF8F9;
    --bol-color-background-secondary: #FFFFFF;
    --bol-color-background-tertiary: #F4F0F2;
    --bol-color-border: #3F012333;

    --bol-rounding-small: 4px;
    --bol-rounding-medium: 8px;
    --bol-rounding-large: 16px;
    --bol-rounding-pill: 999px;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* On a dark ground the Deep is unusable as an accent — it disappears —
           so Coral takes the primary role and Deep becomes the ground the
           surfaces are tinted from. */
        --bol-color-primary: #FF7458;
        --bol-color-primary-lighter: #4D0A2D;
        --bol-color-on-primary: #3F0123;
        --bol-color-accent: #FF9781;
        --bol-color-accent-lighter: #5A2A21;
        --bol-color-positive: #00C250;
        --bol-color-negative: #FF6666;
        --bol-color-warning: #FFAB61;
        --bol-color-text-primary: #F6EEF2;
        --bol-color-text-secondary: #C3A9B7;
        --bol-color-text-contrast: #1E0812;
        --bol-color-hover: #33131F;
        --bol-color-focus: #D9E8FF;
        --bol-color-focus-ring: rgba(217, 232, 255, 0.30);
        --bol-color-focus-ring-soft: rgba(217, 232, 255, 0.22);
        --bol-color-blue: #10A7FF;
        --bol-color-green: #8BAE0C;
        --bol-color-orange: #EF851F;
        --bol-color-purple: #F076CA;
        --bol-color-background-primary: #1A0710;
        --bol-color-background-secondary: #250C17;
        --bol-color-background-tertiary: #33131F;
        --bol-color-border: #FFFFFF29;
    }
}

::selection {background:var(--bol-color-primary-lighter);color:var(--bol-color-text-primary);}