/* Le thème « fh » de la Forge : la charte de ROG sur Forgejo.

   Ben, 16/09/2026. Forgejo se pilote entièrement par variables CSS ; un
   thème personnalisé est UNE feuille déposée dans
   custom/public/assets/css/theme-<nom>.css, déclarée dans app.ini ([ui]
   THEMES, DEFAULT_THEME). Aucun fork, aucun rebuild : elle survit aux mises
   à jour. Source versionnée dans ce dépôt
   (control-desk/roles/claude_code/files/forgejo/theme-fh.css), déployée sur
   l'atelier par fh-deploy (composant forgejo-theme).

   Elle hérite de forgejo-dark et ne redéfinit que la palette — mais la
   FAMILLE entière de l'accent, pas la seule couleur de base : les survols,
   les actifs et les dégradés sont calculés sur les déclinaisons -dark-N,
   -light-N et -alpha-N. Redéfinir la seule --color-primary donne un accent
   vert avec des survols restés orange, le problème exact des pages annexes
   du desk ce même jour. Dans le thème sombre de Forgejo, « dark-N » est plus
   CLAIR que la base et « light-N » plus FONCÉ (nommage hérité du thème
   clair) : la rampe ambre respecte ce sens.

   L'ambre remplace le vert Xbox le 22/09/2026, comme dans le studio. La
   rampe est LISSE : la verte sautait à #107c10 au cran light-3, le « vert
   fort » de la palette Xbox, et reproduire cette rupture en ambre donnait de
   la boue plutôt qu'un accent.

   Correspondance avec charte.css du desk : fond rgb(21,21,23), panneaux
   rgb(27,27,28), cartes rgb(33,33,35), texte rgb(249,250,251) / gris
   rgb(173,178,184), accent #d4a24c (l'ambre de ROG), états
   vert/ambre/rouge des sondes. */

@import url("theme-forgejo-dark.css");

:root {
  color-scheme: dark;

  /* ── L'accent : la famille complète ─────────────────────────────────── */
  --color-primary: #d4a24c;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #dbb169;
  --color-primary-dark-2: #e2c187;
  --color-primary-dark-3: #e9d0a4;
  --color-primary-dark-4: #f0dec0;
  --color-primary-dark-5: #f6ebd9;
  --color-primary-dark-6: #fbf6ed;
  --color-primary-dark-7: #fdfbf8;
  --color-primary-light-1: #aa823d;
  --color-primary-light-2: #886831;
  --color-primary-light-3: #6a5126;
  --color-primary-light-4: #513e1d;
  --color-primary-light-5: #392c15;
  --color-primary-light-6: #241c0d;
  --color-primary-light-7: #110d06;
  --color-primary-alpha-10: #d4a24c19;
  --color-primary-alpha-20: #d4a24c33;
  --color-primary-alpha-30: #d4a24c4b;
  --color-primary-alpha-40: #d4a24c66;
  --color-primary-alpha-50: #d4a24c80;
  --color-primary-alpha-60: #d4a24c99;
  --color-primary-alpha-70: #d4a24cb3;
  --color-primary-alpha-80: #d4a24ccc;
  --color-primary-alpha-90: #d4a24ce1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-light-1);
  --color-accent: var(--color-primary-dark-1);

  /* ── Les gris du desk ───────────────────────────────────────────────── */
  --color-body: #151517;
  --color-nav-bg: #151517;
  --color-secondary-nav-bg: #151517;
  --color-box-body: #1b1b1c;
  --color-box-header: #212123;
  --color-box-body-highlight: #2a2a2c;
  --color-card: #1b1b1c;
  --color-menu: #1b1b1c;
  --color-code-bg: #1b1b1c;
  --color-markup-code-block: #151517;
  --color-markup-code-inline: #2a2a2c;
  --color-input-background: #2a2a2c;
  --color-input-border: #ffffff1f;
  --color-input-border-hover: #ffffff3d;
  --color-input-toggle-background: #2a2a2c;
  --color-button: #2a2a2c;
  --color-hover: #ffffff14;
  --color-active: #ffffff1f;
  --color-nav-hover-bg: #ffffff14;
  --color-timeline: #2a2a2c;
  --color-label-bg: #2a2a2c;
  --color-label-bg-alt: #333335;
  --color-label-hover-bg: #3a3a3d;
  --color-label-active-bg: #444447;
  --color-console-bg: #151517;
  --color-console-border: #2a2a2c;
  --color-console-menu-bg: #212123;
  --color-console-active-bg: #2a2a2c;

  --color-secondary: #2a2a2c;
  --color-secondary-bg: #212123;
  --color-secondary-light-1: #333335;
  --color-secondary-light-2: #2a2a2c;
  --color-secondary-light-3: #212123;
  --color-secondary-light-4: #1b1b1c;
  --color-secondary-dark-1: #3a3a3d;
  --color-secondary-dark-2: #4a4a4d;
  --color-secondary-dark-3: #5a5a5e;
  --color-secondary-dark-4: #6b6b70;
  --color-secondary-dark-5: #81858c;
  --color-secondary-dark-6: #9a9ea5;
  --color-secondary-dark-7: #adb2b8;
  --color-secondary-dark-8: #c0c4c9;
  --color-secondary-dark-9: #cfd3d6;
  --color-secondary-dark-10: #e3e6e8;
  --color-secondary-dark-11: #eef0f1;
  --color-secondary-dark-12: #f4f5f6;
  --color-secondary-dark-13: #f9fafb;
  --color-secondary-alpha-10: #2a2a2c19;
  --color-secondary-alpha-20: #2a2a2c33;
  --color-secondary-alpha-30: #2a2a2c4b;
  --color-secondary-alpha-40: #2a2a2c66;
  --color-secondary-alpha-50: #2a2a2c80;
  --color-secondary-alpha-60: #2a2a2c99;
  --color-secondary-alpha-70: #2a2a2cb3;
  --color-secondary-alpha-80: #2a2a2ccc;
  --color-secondary-alpha-90: #2a2a2ce1;

  /* ── Le texte ───────────────────────────────────────────────────────── */
  --color-text: #f9fafb;
  --color-text-dark: #ffffff;
  --color-text-focus: #ffffff;
  --color-text-light: #cfd3d6;
  --color-text-light-1: #c0c4c9;
  --color-text-light-2: #adb2b8;
  --color-text-light-3: #81858c;
  --color-placeholder-text: #81858c;
  --color-light: #ffffff0a;
  --color-light-border: #ffffff1f;
  --color-shadow: #00000080;

  /* ── Les états : ceux des sondes du desk ────────────────────────────── */
  --color-green: #22c55e;
  --color-green-light: #4ade80;
  --color-green-dark-1: #16a34a;
  --color-green-dark-2: #15803d;
  --color-green-badge: #22c55e;
  --color-green-badge-bg: #22c55e22;
  --color-green-badge-hover-bg: #22c55e44;
  --color-success-bg: #163a22;
  --color-success-border: #22c55e;
  --color-success-text: #bbf7d0;
  --color-yellow: #f59e0b;
  --color-yellow-light: #fbbf24;
  --color-yellow-dark-1: #d97706;
  --color-yellow-dark-2: #b45309;
  --color-yellow-badge: #f59e0b;
  --color-yellow-badge-bg: #f59e0b22;
  --color-yellow-badge-hover-bg: #f59e0b44;
  --color-warning-bg: #4a3311;
  --color-warning-border: #f59e0b;
  --color-warning-text: #fde68a;
  --color-red: #f25a5a;
  --color-red-light: #f87171;
  --color-red-dark-1: #dc2626;
  --color-red-dark-2: #b91c1c;
  --color-red-badge: #f25a5a;
  --color-red-badge-bg: #f25a5a22;
  --color-red-badge-hover-bg: #f25a5a44;
  --color-error-bg: #4a1d1d;
  --color-error-bg-active: #5f2525;
  --color-error-bg-hover: #5f2525;
  --color-error-border: #f25a5a;
  --color-error-text: #fecaca;
}