/* Rulemapping color theme for BeerCSS */

body.dark {
    --primary:#00dddd;
    --on-primary:#003737;
    --primary-container:#004f4f;
    --on-primary-container:#00fbfb;
    --secondary:#b0cccb;
    --on-secondary:#1b3534;
    --secondary-container:#324b4b;
    --on-secondary-container:#cce8e7;
    --tertiary:#b3c8e8;
    --on-tertiary:#1c314b;
    --tertiary-container:#334863;
    --on-tertiary-container:#d3e4ff;
    --error:#ffb4ab;
    --on-error:#690005;
    --error-container:#93000a;
    --on-error-container:#ffb4ab;
    --background:#191c1c;
    --on-background:#e0e3e2;
    --surface:#101414;
    --on-surface:#e0e3e2;
    --surface-variant:#3f4948;
    --on-surface-variant:#bec9c8;
    --outline:#889392;
    --outline-variant:#3f4948;
    --shadow:#000000;
    --scrim:#000000;
    --inverse-surface:#e0e3e2;
    --inverse-on-surface:#2d3131;
    --inverse-primary:#006a6a;
    --surface-dim:#101414;
    --surface-bright:#363a3a;
    --surface-container-lowest:#0b0f0f;
    --surface-container-low:#191c1c;
    --surface-container:#1d2020;
    --surface-container-high:#272b2a;
    --surface-container-highest:#323535;
}

body.light {
    --primary:#006a6a;
    --on-primary:#ffffff;
    --primary-container:#00fbfb;
    --on-primary-container:#002020;
    --secondary:#4a6363;
    --on-secondary:#ffffff;
    --secondary-container:#cce8e7;
    --on-secondary-container:#051f1f;
    --tertiary:#4b607c;
    --on-tertiary:#ffffff;
    --tertiary-container:#d3e4ff;
    --on-tertiary-container:#041c35;
    --error:#ba1a1a;
    --on-error:#ffffff;
    --error-container:#ffdad6;
    --on-error-container:#410002;
    --background:#fafdfc;
    --on-background:#191c1c;
    --surface:#f7faf9;
    --on-surface:#191c1c;
    --surface-variant:#dae5e4;
    --on-surface-variant:#3f4948;
    --outline:#6f7979;
    --outline-variant:#bec9c8;
    --shadow:#000000;
    --scrim:#000000;
    --inverse-surface:#2d3131;
    --inverse-on-surface:#eff1f0;
    --inverse-primary:#00dddd;
    --surface-dim:#d8dada;
    --surface-bright:#f7faf9;
    --surface-container-lowest:#ffffff;
    --surface-container-low:#f2f4f3;
    --surface-container:#eceeed;
    --surface-container-high:#e6e9e8;
    --surface-container-highest:#e0e3e2;
}