/*
 * Variables de design du site.
 * Palette retenue : l'entre-deux entre « Kanga vif » et « Rose poudré ».
 * Typographie : Barlow, inspirée des plaques et panneaux de Californie, hébergée sur le site.
 */
@font-face { font-family: "Barlow"; font-weight: 400; font-display: swap; src: url("../fonts/barlow-400.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-display: swap; src: url("../fonts/barlow-500.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-display: swap; src: url("../fonts/barlow-600.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-display: swap; src: url("../fonts/barlow-condensed-600.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-display: swap; src: url("../fonts/barlow-condensed-700.woff2") format("woff2"); }

:root {
    color-scheme: dark;

    --color-background: #110F11;
    --color-surface: #1B171B;
    --color-surface-raised: #272126;
    --color-border: #483E48;
    --color-text: #F4EDF1;
    --color-text-muted: #B3A6AF;
    --color-accent: #F45DA1;
    --color-on-accent: #190B12;

    --color-pending: #EEBC56;
    --color-contested: #F88658;
    --color-confirmed: #5CD69F;
    --color-danger: #F88658;

    --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
    --font-body: "Barlow", "Segoe UI", system-ui, sans-serif;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;

    --radius: 2px;
    --sidebar-width: 15rem;
}