/* SPDX-License-Identifier: Apache-2.0
 * Gemini web app (gemini.google.com/app) — design tokens importés au pixel près.
 * Source : valeurs CSS custom properties CALCULÉES (getComputedStyle) sur la page
 * live, le 2026-05-22. Thème SOMBRE (thème par défaut de l'app). Voir README.md
 * pour l'inventaire complet (1711 vars) + la méthode d'extraction.
 *
 * NB : Gemini ne peuple PAS `--mat-sys-color-*` (vides) ; le thème vit dans
 * `--gem-sys-color-*` (sémantique/marque) et `--bard-color-*` (composants).
 * Police : "Google Sans Flex". */

:root {
  color-scheme: dark;

  /* ── Surfaces & texte (dark, valeurs calculées) ─────────────────────────── */
  --gem-app-background: #000000;            /* body background */
  --gem-app-surface: #1c1c1c;               /* nav latérale (rgb 28,28,28) */
  --gem-app-on-surface: #e3e3e3;            /* texte principal (rgb 227,227,227) */
  --gem-app-on-surface-variant: #c4c7c5;    /* texte nav (rgb 196,199,197) */
  --gem-app-on-button: #e0e0e0;             /* label bouton (rgb 224,224,224) */
  --gem-app-footer-background: #202124;
  --gem-app-form-field-outline: #bdc1c6;
  --gem-app-form-field-outline-active: #8ab4f8;
  --gem-app-form-field-outline-hover: #f8f9fa;
  --gem-app-custom-primary-container: #222327;

  /* ── Focus / états (verbatim) ───────────────────────────────────────────── */
  --mat-focus-indicator-border-color: #a8c7fa;
  --gem-sys-state--disabled-text-layer-opacity: 0.38;
  --bard-color-lm-on-surface-low: rgba(255, 255, 255, 0.12);

  /* ── Typographie ────────────────────────────────────────────────────────── */
  --gem-sys-typography-font-name: "Google Sans Flex";

  /* ── Palette de marque Gemini (--gem-sys-color-*, verbatim) ─────────────── */
  --gem-sys-color--blue-high: #e7f2ff;
  --gem-sys-color--blue-low: #04409f;
  --gem-sys-color--blue-medium: #76acff;
  --gem-sys-color--blue-primary: #4e8ff8;
  --gem-sys-color--brand-blue: #3186ff;
  --gem-sys-color--brand-floaty-blue: #3186ff;
  --gem-sys-color--brand-green: #0ebc5f;
  --gem-sys-color--brand-red: #ff4641;
  --gem-sys-color--brand-transition-blue-1: #346bf1;
  --gem-sys-color--brand-transition-blue-2: #4fa0ff;
  --gem-sys-color--brand-transition-orange: #ff6b2b;
  --gem-sys-color--brand-transition-pink: #d8627e;
  --gem-sys-color--brand-transition-purple: #a975aa;
  --gem-sys-color--brand-transition-red: #fa506b;
  --gem-sys-color--brand-transition-teal: #00a5b7;
  --gem-sys-color--brand-yellow: #fc0;
  --gem-sys-color--error: #f2b8b5;
  --gem-sys-color--error-container: #601410;
  --gem-sys-color--gems-blue-high: #60a9ed;
  --gem-sys-color--gems-blue-low: #003d64;
  --gem-sys-color--gems-cyan-high: #25b2d4;
  --gem-sys-color--gems-cyan-low: #00404e;

  /* ── Couleurs composants Gemini (--bard-color-*, verbatim) ──────────────── */
  --bard-color-bot-power-up-button-background: #303030;
  --bard-color-chart-highlighted-background: #e9eef6;
  --bard-color-code-chip-background: #4c2271;
  --bard-color-code-chip-background-selected: #8430ce;
  --bard-color-continue-chat-discovery-tooltip-button-text: #d3e3fd;
  --bard-color-custom-primary-container: #222327;
  --bard-color-draft-chip-background: #303030;
  --bard-color-enterprise-disclaimer-encrypted-background: #ffdcc1;
  --bard-color-fact-check-button-complete: #282a2c;
  --bard-color-footer-background: #202124;
  --bard-color-form-field-outline: #bdc1c6;
  --bard-color-form-field-outline-active: #8ab4f8;
  --bard-color-form-field-outline-hover: #f8f9fa;
  --bard-color-gemini-u-lesson-tile-hover-bg: #141414;
  --bard-color-get-app-banner-background: #004a77;
  --bard-color-get-app-mobile-dialog-background: #14181d;
  --bard-color-icon-container-background: #000;
  --bard-color-icon-separator: #7a7a7a;
}