/* Petrol.cy design tokens (shared by the map app and the site pages).
   Light is the default; [data-theme="dark"] flips the palette. Applied before paint by the head script. */
:root {
    --c-primary: #0B4F8A;
    --c-primary-soft: #E7F0F8;
    --c-yellow: #FFC247;
    --c-yellow-soft: #FFF3D6;
    --c-yellow-ink: #7A4F00;
    --c-green: #17A672;
    --c-green-soft: #E2F5EE;
    --c-green-ink: #0E6B4A;
    --c-sand: #F4E7C5;
    --c-ink: #102033;
    --c-cloud: #F6F8FA;
    --c-warning: #FFB020;
    --c-error: #BE3636; /* 5.6:1 on white, 4.7:1 on --c-error-soft (was #D64545, 4.4:1) */
    --c-error-soft: #FBE6E6;
    --c-info: #2F80ED;
    --c-muted: #5A6679; /* WCAG AA for small text: 5.8:1 on white, 4.7:1 on --c-line and --c-sand */
    --c-line: #E4E8EE;
    --c-slate: #516079;
    --c-white: #FFFFFF;
}

:root[data-theme="dark"] {
    --c-primary: #4F9BE6;
    --c-primary-soft: rgba(79,155,230,0.16);
    --c-yellow: #FFC247;
    --c-yellow-soft: rgba(255,194,71,0.16);
    --c-yellow-ink: #FFD37A;
    --c-green: #2BBE86;
    --c-green-soft: rgba(43,190,134,0.16);
    --c-green-ink: #6FE0B4;
    --c-sand: #2A2E26;
    --c-ink: #EAF0F7;
    --c-cloud: #0E1521;
    --c-warning: #FFB020;
    --c-error: #E2685F;
    --c-error-soft: rgba(226,104,95,0.16);
    --c-info: #4F9BE6;
    --c-muted: #93A0B4;
    --c-line: #28323F;
    --c-white: #18212E;
    --c-slate: #AEB9C9;
}