/* tokens.css — Halal Stock Analyzer Design System v1.1
 * Phase 37 PR 1 — source de verite pour les tokens design v2.1
 * Reference: InputDesignClaude/tokens.css
 *
 * Charge globalement dans base.html mais n'a aucun effet visuel sur les pages
 * legacy (qui utilisent DaisyUI). Les classes Tailwind v2 referencent ces variables
 * via tailwind.config.js et ne s'appliquent qu'a l'interieur de .v2-root (PR 40+).
 */

:root {
  /* ── Neutrals : creme tiede ─────────────── */
  --paper:        oklch(0.985 0.008 75);
  --paper-2:      oklch(0.965 0.010 75);
  --paper-3:      oklch(0.935 0.012 75);
  --ink:          oklch(0.22  0.015 60);
  --ink-2:        oklch(0.38  0.015 60);
  --ink-3:        oklch(0.46  0.015 60); /* darkened from 0.55 — Phase 37 Gemini audit fix WCAG AA (3.6:1 → 5.0:1) */
  --rule:         oklch(0.87  0.012 70);
  --rule-strong:  oklch(0.78  0.015 70);

  /* ── Shariah (semantique invariant) ─────── */
  --shariah:      oklch(0.45 0.06 145);
  --shariah-bg:   oklch(0.95 0.02 145);
  --doubtful:     oklch(0.43 0.09 75); /* darkened from 0.58 — Phase 37 Gemini audit fix WCAG AA (3.0:1 → 5.2:1) */
  --doubtful-bg:  oklch(0.95 0.03 80);
  --haram:        oklch(0.45 0.06 35);
  --haram-bg:     oklch(0.95 0.02 35);

  /* ── Signaux (palette par defaut Encre & Ambre) ────── */
  --sig-buy:      oklch(0.38 0.10 245);                     /* 6.14:1 vs bg — WCAG AA */
  --sig-buy-bg:   oklch(0.95 0.02 245);
  --sig-hold:     oklch(0.45 0.015 60);                     /* darkened 0.55→0.45 PR 40.0 (3.32→4.74:1) */
  --sig-hold-bg:  oklch(0.95 0.005 60);
  --sig-sell:     oklch(0.45 0.10 60);                      /* darkened 0.55→0.45 PR 40.0 (3.32→4.74:1) */
  --sig-sell-bg:  oklch(0.95 0.025 70);

  /* ── Spacing 4pt ─────────────────────────── */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* ── Radii ─────────────────────────────── */
  --r-1: 2px; --r-2: 4px; --r-3: 8px; --r-4: 12px; --r-pill: 999px;

  /* ── Type ─────────────────────────────── */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, Helvetica, sans-serif;
  --font-serif: 'Fraunces', ui-serif, Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  --focus: oklch(0.55 0.15 245);
}

/* ── Alpine.js anti-flash (Phase 38) ── */
[x-cloak] { display: none !important; }

/* ── Variantes signal togglables (decision Phase 37 Q3 — DRY) ── */
[data-signal-palette="sage"] {
  --sig-buy:  oklch(0.45 0.06 155);                         /* darkened 0.50→0.45 PR 40.0 (3.95→4.74:1) */
  --sig-sell: oklch(0.45 0.10 35);                          /* darkened 0.52→0.45 PR 40.0 (3.68→4.74:1) */
}
[data-signal-palette="teal"] {
  --sig-buy:  oklch(0.45 0.08 200);                         /* darkened 0.48→0.45 PR 40.0 (4.25→4.74:1) */
  --sig-sell: oklch(0.45 0.10 75);                          /* darkened 0.56→0.45 PR 40.0 (3.20→4.74:1) */
}