/* Gardien v2 — tokens. Seul endroit (avec fonts.css) où apparaissent des valeurs brutes. */
@layer tokens, base, layout, components, views;

@layer tokens {
  :root {
    --g-bg: #f6f7fb;
    --g-surface: #ffffff;
    --g-surface-2: #f2f4fa;
    --g-surface-3: #e8ebf5;
    --g-ink: #1b1d2a;
    --g-ink-2: #4a4f63;
    --g-muted: #6b7185;
    --g-line: #e3e6f0;
    --g-line-strong: #cdd2e2;
    --g-brand: #5b5bd6;
    --g-brand-ink: #3e3f94;
    --g-brand-soft: #eeeefb;
    --g-on-brand: #ffffff;
    --g-ok: #0f9b8e;
    --g-ok-ink: #0c7a70;
    --g-ok-soft: #e3f5f2;
    --g-warn: #b5730b;
    --g-warn-ink: #8f5a06;
    --g-warn-soft: #fdf3e0;
    --g-danger: #dc3e43;
    --g-danger-ink: #b62b30;
    --g-danger-soft: #fdecec;
    --g-info: #3b82c4;
    --g-info-soft: #e9f2fb;
    --g-scrim: rgba(27, 29, 42, 0.44);
    --g-shadow-1: 0 1px 3px rgba(16, 18, 28, 0.12);
    --g-shadow-2: 0 24px 56px -24px rgba(16, 18, 28, 0.36);

    --g-kid-1: #5b5bd6;
    --g-kid-2: #0f9b8e;
    --g-kid-3: #d97706;
    --g-kid-4: #be185d;
    --g-kid-5: #2563eb;
    --g-kid-6: #7c3aed;
    --g-kid-7: #15803d;
    --g-kid-8: #475569;

    --g-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --g-r-sm: 8px;
    --g-r-md: 10px;
    --g-r-lg: 14px;
    --g-r-xl: 20px;
    --g-r-pill: 999px;
    --g-sidebar: 248px;
    --g-safe-top: env(safe-area-inset-top, 0px);
    --g-safe-bottom: env(safe-area-inset-bottom, 0px);
    color-scheme: light;
  }

  :root[data-theme="dark"] {
    --g-bg: #0f1117;
    --g-surface: #171a24;
    --g-surface-2: #1e2231;
    --g-surface-3: #262b3d;
    --g-ink: #edeff7;
    --g-ink-2: #c2c7d8;
    --g-muted: #8b92a8;
    --g-line: #262a38;
    --g-line-strong: #343a4d;
    --g-brand: #7c7cf0;
    --g-brand-ink: #b0b0fa;
    --g-brand-soft: rgba(124, 124, 240, 0.16);
    --g-on-brand: #0f1117;
    --g-ok: #2ac4b3;
    --g-ok-ink: #6fe3d4;
    --g-ok-soft: rgba(42, 196, 179, 0.14);
    --g-warn: #e8a33d;
    --g-warn-ink: #f5c57a;
    --g-warn-soft: rgba(232, 163, 61, 0.14);
    --g-danger: #f2686c;
    --g-danger-ink: #ff9ca0;
    --g-danger-soft: rgba(242, 104, 108, 0.14);
    --g-info: #6ea8dc;
    --g-info-soft: rgba(110, 168, 220, 0.14);
    --g-scrim: rgba(6, 7, 12, 0.62);
    --g-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.5);
    --g-shadow-2: 0 24px 56px -16px rgba(0, 0, 0, 0.75);
    color-scheme: dark;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) {
      --g-bg: #0f1117;
      --g-surface: #171a24;
      --g-surface-2: #1e2231;
      --g-surface-3: #262b3d;
      --g-ink: #edeff7;
      --g-ink-2: #c2c7d8;
      --g-muted: #8b92a8;
      --g-line: #262a38;
      --g-line-strong: #343a4d;
      --g-brand: #7c7cf0;
      --g-brand-ink: #b0b0fa;
      --g-brand-soft: rgba(124, 124, 240, 0.16);
      --g-on-brand: #0f1117;
      --g-ok: #2ac4b3;
      --g-ok-ink: #6fe3d4;
      --g-ok-soft: rgba(42, 196, 179, 0.14);
      --g-warn: #e8a33d;
      --g-warn-ink: #f5c57a;
      --g-warn-soft: rgba(232, 163, 61, 0.14);
      --g-danger: #f2686c;
      --g-danger-ink: #ff9ca0;
      --g-danger-soft: rgba(242, 104, 108, 0.14);
      --g-info: #6ea8dc;
      --g-info-soft: rgba(110, 168, 220, 0.14);
      --g-scrim: rgba(6, 7, 12, 0.62);
      --g-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.5);
      --g-shadow-2: 0 24px 56px -16px rgba(0, 0, 0, 0.75);
      color-scheme: dark;
    }
  }
}