/* ============================================================
   QUICK·APPS — Charte graphique v2.0 — tokens communs
   Thème sombre (prioritaire). Base : système « Industry »
   (grammaire blueprint, Barlow / Barlow Condensed, acier).
   À adopter tel quel par les 4 apps (remplacement de tokens).
   ============================================================ */
:root {
  /* — Fonds & surfaces — */
  --bg: #141619;            /* fond de page / canvas UI */
  --surface-1: #1b1e22;     /* panneaux, topbar, sidebar */
  --surface-2: #22262b;     /* cartes, champs, chips */
  --surface-3: #2b3037;     /* hover, surfaces secondaires */

  /* — Bordures — */
  --border-1: #33383f;      /* filet standard 1px */
  --border-2: #454b54;      /* filet renforcé, séparateurs actifs */

  /* — Textes — */
  --text-1: #e7e7ea;        /* principal */
  --text-2: #a9adb3;        /* secondaire, métas */
  --text-3: #7a7f87;        /* estompé, placeholders */

  /* — Accent suite (acier) — */
  --accent: #94bce3;        /* actions, actifs, liserés */
  --accent-hi: #b5d9fd;     /* hover, focus, surbrillance */
  --accent-deep: #2c455d;   /* fonds teintés actifs */
  --accent-ink: #1d2d3d;    /* fonds teintés discrets */

  /* — États fonctionnels — */
  --ok: #8fd0a3;    --ok-bg: #1c2b22;
  --warn: #e3b566;  --warn-bg: #2d2617;
  --err: #e39a94;   --err-bg: #2f1e1c;
  --info: #b5d9fd;  --info-bg: #1d2d3d;

  /* — Identité par application (suffixe du logo, favicon, liseré) — */
  --app-apps: #94bce3;      /* Quick·Apps (portail = couleur suite) */
  --app-code: #edc17a;      /* Quick·Code (héritage ambre) */
  --app-draw: #8ad2cf;      /* Quick·Draw */
  --app-house: #9ed0a8;     /* Quick·House */
  --app-note: #c4b3e6;      /* Quick·Note */

  /* — Codes métier QuickCode (types de blocs) — */
  --bloc-ob: #edc17a; --bloc-fb: #8fd0a3; --bloc-fc: #9ecbf0; --bloc-db: #c4b3e6;

  /* — Typographie — */
  --font-display: "Barlow Condensed", system-ui, sans-serif; /* logos, titres, topbars */
  --font-ui: "Barlow", system-ui, sans-serif;                /* interface */
  --font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace; /* code, valeurs, adresses */
  --fs-dense: 12px;   /* tableaux, arbres, ruban */
  --fs-base: 13px;    /* interface standard */
  --fs-aere: 14px;    /* QuickHouse, portail */
  --fs-code: 12.5px;

  /* — Géométrie (grammaire blueprint : angles droits) — */
  --radius: 0px;
  --border-w: 1px;
  --space-1: 3.4px; --space-2: 6.8px; --space-3: 10.2px; --space-4: 13.6px;
  --space-5: 17px;  --space-6: 20.4px; --space-7: 23.8px; --space-8: 27.2px;

  /* — Élévation (fond sombre : filet + ombre ambiante) — */
  --shadow-1: 0 0 0 1px #33383f, 0 2px 8px rgba(0,0,0,.35);
  --shadow-2: 0 0 0 1px #454b54, 0 8px 28px rgba(0,0,0,.5);

  /* — Transitions — */
  --trans: 120ms ease;

  /* — Canvas (annotations autour du contenu normé) — */
  --canvas-bg: #101215;       /* fond de folio / plan */
  --canvas-grid: #1e2126;     /* grille */
  --canvas-selection: #b5d9fd;
  --canvas-snap: #8fd0a3;     /* accrochage */
  --canvas-cote: #a9adb3;     /* cotations */
  --canvas-dim: 0.35;         /* opacité calque inférieur */
}

/* — 4K / grands écrans : l'échelle monte d'un cran — */
@media (min-width: 2560px) {
  :root { --fs-dense: 13px; --fs-base: 14.5px; --fs-aere: 16px; --fs-code: 14px; }
}

/* — Focus clavier commun — */
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
::selection { background: var(--accent-deep); color: var(--text-1); }