/* Sysafe colour tokens — values from "Sysafe_image de marque.pdf" (p.18) and "Sysafe_Plaquette.pdf". */
:root{
  /* Core palette (charte graphique) */
  --sys-deep-blue:#222B43;      /* système, stabilité, environnement digital */
  --sys-sky-blue:#B6D1F9;       /* information, accompagnement, lisibilité */
  --sys-pastel-yellow:#E4E881;  /* signal, mise en avant, point d'attention */
  --sys-bright-gray:#DBDBDB;    /* neutralité, hiérarchisation, interface */
  --sys-dark-gray:#2E2E2E;      /* structure, contraste, socle technique */
  --sys-black:#000000;          /* System Black */
  --sys-white:#FEFEFE;          /* Bright White — clarté, lecture des données */

  /* Hex values listed in the charte under "Light Green" / "Burnt Orange" */
  --sys-light-green:#99D3AA;
  --sys-burnt-orange:#E27A4B;

  /* Product accents (as used in the plaquette) */
  --vigisafe-green:#0BDC7F;
  --mainsafe-orange:#FF5D04;

  /* Deep-blue derived surfaces (sampled from plaquette backgrounds) */
  --sys-deep-blue-900:#1A2135;
  --sys-deep-blue-800:#222B43;
  --sys-deep-blue-700:#2B3855;  /* soft glow in plaquette corners */
  --sys-deep-blue-600:#3A4766;
  --sys-deep-blue-400:#6B7894;

  /* ---------- Semantic aliases ---------- */
  --bg-page:var(--sys-white);
  --bg-dark:var(--sys-deep-blue);
  --bg-black:var(--sys-black);
  --bg-sky:var(--sys-sky-blue);
  --bg-signal:var(--sys-pastel-yellow);
  --bg-neutral:var(--sys-bright-gray);

  --surface-card:var(--sys-white);
  --surface-card-dark:var(--sys-deep-blue);
  --surface-raised-dark:var(--sys-deep-blue-700);
  --surface-sunken:#F3F4F6;

  --fg-1:var(--sys-deep-blue);          /* primary text on light */
  --fg-2:#4A5370;                       /* secondary text on light */
  --fg-3:#8A90A0;                       /* tertiary / meta on light */
  --fg-on-dark:var(--sys-white);
  --fg-on-dark-2:var(--sys-sky-blue);   /* plaquette uses sky blue for secondary copy on deep blue */
  --fg-on-dark-3:#9AA3BA;
  --fg-on-sky:var(--sys-deep-blue);
  --fg-on-signal:var(--sys-black);

  --text-body:var(--fg-1);
  --text-muted:var(--fg-2);
  --text-heading:var(--sys-deep-blue);

  --border-strong:var(--sys-deep-blue);
  --border-default:#C9CDD6;
  --border-subtle:#E6E8EC;
  --border-on-dark:var(--sys-white);
  --border-on-dark-muted:rgba(254,254,254,.18);
  --border-on-dark-sky:var(--sys-sky-blue);

  --accent:var(--sys-sky-blue);
  --accent-signal:var(--sys-pastel-yellow);

  /* Status — intentional mapping of brand hues for operational UI */
  --status-ok:var(--vigisafe-green);
  --status-alert:var(--mainsafe-orange);
  --status-attention:var(--sys-pastel-yellow);
  --status-info:var(--sys-sky-blue);
  --status-neutral:var(--sys-bright-gray);

  --focus-ring:var(--sys-sky-blue);

  /* Signature background: deep blue with a soft lighter glow (plaquette) */
  --gradient-deep-glow:radial-gradient(60% 70% at 100% 100%, #34425F 0%, rgba(43,56,85,0) 70%), var(--sys-deep-blue); /* @kind color */
  --gradient-sky-glow:radial-gradient(55% 60% at 50% 45%, #B6D1F9 0%, #E6F0FD 60%, #FEFEFE 100%); /* @kind color */
}