/*
 * Devantelle (#61) : habillage du portail Authelia sur auth.devantelle.com.
 *
 * Injecte par nginx apres authelia.css, sur ce seul domaine (map $host dans
 * nginx.conf). authelia.css n'utilise que des jetons : il suffit d'en
 * redefinir les valeurs (palette de projects/devantelle/src/styles/socle.css,
 * la meme que le portail client) et le logo.
 *
 * Clair : la plaque. Sombre (client-portal#3) : le bois peint, texte craie,
 * accent laiton, les memes valeurs que le portail. Authelia (`theme: auto`)
 * suit le navigateur ; `data-theme` sur <body> force un theme s'il est pose.
 * Specificite : `:not(#dv)` ajoute un poids d'ID de plus que les regles de
 * tokens.css et authelia.css (body:not(#cb)[data-theme="dark"]...), sans
 * !important ; les regles sombres ont un attribut de plus que la claire.
 */

@font-face {
  font-family: 'Instrument Sans';
  src: url('instrument-sans-latin.woff2') format('woff2-variations');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

:root:not(#dv), body:not(#cb):not(#dv) {
  color-scheme: light;
  --surface: #f1f2ed;
  --surface-raised: #fbfbf9;
  --surface-sunken: #e8ebe4;
  --line: #dfe3dd;
  --line-strong: #4b6258;
  --ink: #1d3b31;
  --ink-muted: #4b6258;
  --roast: #7d5f1c;
  --roast-strong: #5e4715;
  --on-roast: #fbfbf9;
  --circuit: #7d5f1c;
  --circuit-soft: #f1ead6;
  --success: #256b58;
  --success-soft: #dcebe4;
  --warning: #86560a;
  --warning-soft: #f3e4c4;
  --danger: #a8382a;
  --danger-soft: #f6dcd5;
  --focus-ring: #7d5f1c;
  --font-display: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Chemin absolu : un url() dans une variable se resout la ou elle est
     utilisee (authelia.css), pas dans cette feuille. */
  --cb-logo: url("/cb-theme/brands/devantelle/mark.svg");
}

@media (prefers-color-scheme: dark) {
  :root:not(#dv):not([data-theme="light"]),
  body:not(#cb):not(#dv):not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #10221c;
    --surface-raised: #173027;
    --surface-sunken: #0b1813;
    --line: #2a463b;
    --line-strong: #6f877c;
    --ink: #eef0ea;
    --ink-muted: #afbab2;
    --roast: #c9a44c;
    --roast-strong: #dcbd6e;
    --on-roast: #10221c;
    --circuit: #c9a44c;
    --circuit-soft: #2c3420;
    --success: #6cc3a8;
    --success-soft: #173a2e;
    --warning: #e2b04f;
    --warning-soft: #33270f;
    --danger: #f08a77;
    --danger-soft: #3b1d17;
    --focus-ring: #c9a44c;
  }
}

body:not(#cb):not(#dv)[data-theme="dark"] {
  color-scheme: dark;
  --surface: #10221c;
  --surface-raised: #173027;
  --surface-sunken: #0b1813;
  --line: #2a463b;
  --line-strong: #6f877c;
  --ink: #eef0ea;
  --ink-muted: #afbab2;
  --roast: #c9a44c;
  --roast-strong: #dcbd6e;
  --on-roast: #10221c;
  --circuit: #c9a44c;
  --circuit-soft: #2c3420;
  --success: #6cc3a8;
  --success-soft: #173a2e;
  --warning: #e2b04f;
  --warning-soft: #33270f;
  --danger: #f08a77;
  --danger-soft: #3b1d17;
  --focus-ring: #c9a44c;
}