/*
 * Edifore — theme-clair.css (thème par défaut)
 *
 * Palette actuelle d'edifore (parchemin + slate + sienne, post-blanchiment
 * 2026-06-01). Sert de base de référence : les autres thèmes en dérivent.
 *
 * Toutes les valeurs colorées sont en OKLCH pour permettre l'application du
 * slider --luminosity-shift. Fallback hex en commentaire pour debug.
 */

[data-theme="clair"],
:root {
  /* ============================================================
   * Surfaces
   * ============================================================ */
  /* #f2ead3 — parchemin (fond global) */
  --bg-page: oklch(calc(92% + var(--luminosity-shift) * 0.4%) 0.04 85);
  /* #ffffff — cards */
  --bg-card: oklch(calc(100% + var(--luminosity-shift) * 0.2%) 0 0);
  /* #f5f5f5 — surfaces survol/focus */
  --bg-elevated: oklch(calc(96% + var(--luminosity-shift) * 0.3%) 0.005 85);
  /* #ffffff — inputs */
  --bg-input: oklch(calc(100% + var(--luminosity-shift) * 0.2%) 0 0);
  /* rgba background pour overlays modaux */
  --bg-overlay: rgba(0, 0, 0, 0.5);

  /* ============================================================
   * Texte
   * ============================================================ */
  /* #1a1a1a — corps + titres */
  --text-primary: oklch(calc(20% - var(--luminosity-shift) * 0.4%) 0 0);
  /* #666 — labels, métadonnées */
  --text-secondary: oklch(calc(45% - var(--luminosity-shift) * 0.3%) 0 0);
  /* #999 — placeholders */
  --text-muted: oklch(calc(60% - var(--luminosity-shift) * 0.2%) 0 0);
  /* white sur accent */
  --text-on-accent: oklch(98% 0 0);

  /* ============================================================
   * Accents (slate-grey ardoise)
   * ============================================================ */
  /* #475569 */
  --accent-primary: oklch(calc(45% + var(--luminosity-shift) * 0.2%) 0.035 250);
  /* #334155 — hover plus foncé */
  --accent-primary-hover: oklch(calc(38% + var(--luminosity-shift) * 0.2%) 0.04 250);
  /* #e8f0fb — accent doux fond */
  --accent-primary-soft: oklch(calc(94% + var(--luminosity-shift) * 0.3%) 0.025 240);
  /* white pour texte sur accent */
  --accent-primary-fg: oklch(98% 0 0);

  /* ============================================================
   * Bordures
   * ============================================================ */
  /* #cbd5e1 — défaut */
  --border-default: oklch(85% 0.01 250);
  /* #94a3b8 — emphase */
  --border-strong: oklch(70% 0.02 250);
  /* accent pour focus */
  --border-focus: oklch(60% 0.1 250);

  /* ============================================================
   * Status
   * ============================================================ */
  /* #d8f4e0 + #1f5039 */
  --status-success-bg: oklch(94% 0.06 145);
  --status-success-fg: oklch(35% 0.08 145);
  /* #fde9c8 + #6b3410 */
  --status-warning-bg: oklch(92% 0.07 80);
  --status-warning-fg: oklch(38% 0.1 50);
  /* #fde7e7 + #aa0000 */
  --status-danger-bg: oklch(94% 0.06 25);
  --status-danger-fg: oklch(42% 0.18 28);
  /* #e8f0fb + #2563eb */
  --status-info-bg: oklch(94% 0.04 240);
  --status-info-fg: oklch(50% 0.16 250);

  /* ============================================================
   * Ombres
   * ============================================================ */
  --shadow-color: 0, 0, 0;
  --shadow-card: 0 1px 4px rgba(var(--shadow-color), 0.08);
  --shadow-elevated: 0 2px 8px rgba(var(--shadow-color), 0.12);
  --shadow-modal: 0 8px 32px rgba(var(--shadow-color), 0.25);

  /* ============================================================
   * Composants spécifiques
   * ============================================================ */
  /* Header : slate foncé */
  --header-bg: oklch(calc(45% + var(--luminosity-shift) * 0.2%) 0.035 250);
  --header-fg: oklch(98% 0 0);
  --header-fg-muted: oklch(85% 0 0);

  /* Filigrane (logo plomb terre-de-sienne en fond) */
  --filigrane-opacity: 0.06;
  --filigrane-asset: url("/static/filigrane.png");
}