/* ============================================================
   LinuxLab — Design Tokens
   Direction unique : Verre × Linux (orange Tux, terminal vert)
   Pilotage par data-theme="light"|"dark" uniquement (direction fixée à Verre)
   ============================================================ */

/* --- Tokens communs (indépendants du thème) --- */
:root {
  --font-head: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Géométrie */
  --radius: 16px;
  --radius-lg: 22px;

  /* Couleurs fonctionnelles */
  --ok: #0d9488;
  --warn: #b45309;
  --lock: #94a3b8;

  /* Terminal (couleurs Linux classiques) */
  --term-bg: #0b1020;
  --term-fg: #d7e0ee;
  --term-accent: #3fd07a; /* vert Linux */
  --term-dim: #5b6b86;

  /* Effets verre */
  --card-blur: saturate(160%) blur(14px);

  /* Accent orange/ambre Tux — dégradé signature */
  --accent: #e8790c;
  --accent-2: #f2a80a;
  --accent-soft: rgba(232, 121, 12, 0.13);
  --grad: linear-gradient(135deg, #ff7a00, #ffb000 55%, #ffd21e);

  /* Par défaut (pas de glow en clair) */
  --glow: none;
  --grid: transparent;
}

/* --- Thème CLAIR (défaut) --- */
:root[data-theme="light"] {
  --bg: #f5f7fa;
  --page-bg:
    radial-gradient(1200px 600px at 12% -5%, #ffe4b8 0%, transparent 55%),
    radial-gradient(1000px 620px at 105% 10%, #ffd59a 0%, transparent 50%),
    linear-gradient(160deg, #fff7ec, #fdf3f0);
  --panel: rgba(255, 255, 255, 0.72);
  --panel-2: rgba(255, 255, 255, 0.55);
  --text: #0f172a;
  --muted: #475569;
  --border: rgba(255, 255, 255, 0.65);
  --shadow:
    0 2px 10px rgba(30, 41, 90, 0.08), 0 18px 50px -18px rgba(30, 41, 90, 0.28);
}

/* --- Thème SOMBRE --- */
:root[data-theme="dark"] {
  --bg: #0a0906;
  --page-bg:
    radial-gradient(
      1100px 620px at 10% -8%,
      rgba(255, 150, 0, 0.18),
      transparent 55%
    ),
    radial-gradient(
      1000px 640px at 108% 6%,
      rgba(255, 110, 0, 0.16),
      transparent 52%
    ),
    linear-gradient(160deg, #0a0906, #0d0a08);
  --panel: rgba(255, 255, 255, 0.055);
  --panel-2: rgba(255, 255, 255, 0.03);
  --text: #e6edf3;
  --muted: #8b97a7;
  --border: rgba(255, 255, 255, 0.12);

  /* Accent orangé plus lumineux en sombre */
  --accent: #ffa928;
  --accent-2: #ffc44d;
  --accent-soft: rgba(255, 169, 40, 0.16);

  /* Glow orange en sombre */
  --glow:
    0 0 0 1px rgba(255, 169, 40, 0.25), 0 0 22px -6px rgba(255, 169, 40, 0.55);

  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 18px 44px rgba(0, 0, 0, 0.55);
}