/*
 * Tokens de design licmgr — source unique des couleurs et rayons des UI licences et portal.
 *
 * Repris À L'IDENTIQUE du dashboard PWGEST (`com.pixelway.compta.ui.theme`), lui-même issu de la
 * palette rust-ui / shadcn « neutral » de dops : variables HSL sans `hsl()`, consommées par
 * Tailwind via `hsl(var(--token))` (voir `tailwind.config.js`). Aucune couleur littérale dans les
 * composants : uniquement ces tokens.
 *
 * La clarté est portée par la classe `.dark` sur `:root` (celle que reconnaît `darkMode`).
 *
 * Couleur de marque : le vert du logo PiXELWAY (dégradé #457C17 → #9FD307). Elle porte ce qui
 * compte — action principale, élément actif du menu, indicateurs clés — et `info` (bleu) les
 * éléments d'information ; le reste de l'interface reste neutre.
 */

@layer base {
  /* Ressenti application : pas de sélection à la souris hors champs de saisie et tableaux. */
  body {
    -webkit-user-select: none;
    user-select: none;
  }
  input,
  textarea,
  select,
  table,
  code,
  [contenteditable] {
    -webkit-user-select: text;
    user-select: text;
  }

  :root {
    color-scheme: light;
    accent-color: hsl(var(--primary));

    --background: 0 0% 100%;
    --foreground: 240 10% 4%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 4%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 4%;
    --primary: 93 69% 29%;
    --primary-foreground: 0 0% 100%;
    --brand: 93 69% 29%;
    --brand-bright: 75 94% 43%;
    --brand-foreground: 0 0% 100%;
    --info: 211 75% 45%;
    --info-foreground: 0 0% 100%;
    --secondary: 240 5% 96%;
    --secondary-foreground: 240 6% 10%;
    --muted: 240 5% 96%;
    --muted-foreground: 240 4% 46%;
    --accent: 240 5% 96%;
    --accent-foreground: 240 6% 10%;
    --destructive: 0 72% 51%;
    --destructive-foreground: 0 0% 98%;
    --success: 142 71% 36%;
    --success-foreground: 0 0% 98%;
    --warning: 38 92% 50%;
    --warning-foreground: 240 6% 10%;
    --border: 240 6% 90%;
    --input: 240 6% 90%;
    --ring: 93 69% 29%;
    --sidebar: 0 0% 98%;
    --sidebar-foreground: 240 5% 26%;
    --radius: 0.5rem;
  }

  :root.dark {
    color-scheme: dark;

    --background: 240 10% 4%;
    --foreground: 0 0% 98%;
    --card: 240 10% 4%;
    --card-foreground: 0 0% 98%;
    --popover: 240 10% 4%;
    --popover-foreground: 0 0% 98%;
    --primary: 82 72% 45%;
    --primary-foreground: 240 10% 4%;
    --brand: 82 72% 45%;
    --brand-bright: 75 94% 50%;
    --brand-foreground: 240 10% 4%;
    --info: 211 80% 60%;
    --info-foreground: 240 10% 4%;
    --secondary: 240 4% 16%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 4% 16%;
    --muted-foreground: 240 5% 65%;
    --accent: 240 4% 16%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 63% 45%;
    --destructive-foreground: 0 0% 98%;
    --success: 142 69% 45%;
    --success-foreground: 240 6% 10%;
    --warning: 38 92% 55%;
    --warning-foreground: 240 6% 10%;
    --border: 240 4% 16%;
    --input: 240 4% 16%;
    --ring: 82 72% 45%;
    --sidebar: 240 6% 7%;
    --sidebar-foreground: 240 5% 84%;
  }
}