/*
 * Edifore - theme-sauge.css (Sauge)
 *
 * Source palette : Coolors (#D2D5C2 / #93A77D / #467A4B / #244328 / #19281B)
 * Famille : coolors | Variante : clair
 *
 * Valeurs colorees en OKLCH pour permettre l'application du slider
 * --luminosity-shift. Hex source en commentaire pour debug.
 */

[data-theme="sauge"] {
  /* ============================================================
   * Surfaces
   * ============================================================ */
  /* #D2D5C2 - fond global */
  --bg-page: oklch(calc(85% + var(--luminosity-shift) * 0.4%) 0.022 120);
  /* #E5E7DA - cards (eclairci) */
  --bg-card: oklch(calc(92% + var(--luminosity-shift) * 0.2%) 0.015 120);
  /* #BFC3AE - surfaces survol/focus */
  --bg-elevated: oklch(calc(78% + var(--luminosity-shift) * 0.3%) 0.025 120);
  /* #F2F3EC - inputs */
  --bg-input: oklch(calc(95% + var(--luminosity-shift) * 0.2%) 0.012 120);
  /* rgba background pour overlays modaux */
  --bg-overlay: rgba(25, 40, 27, 0.5);

  /* ============================================================
   * Texte
   * ============================================================ */
  /* #19281B - corps + titres */
  --text-primary: oklch(calc(22% - var(--luminosity-shift) * 0.4%) 0.030 140);
  /* #244328 - labels, metadonnees */
  --text-secondary: oklch(calc(32% - var(--luminosity-shift) * 0.3%) 0.045 140);
  /* #5A6B4C - placeholders */
  --text-muted: oklch(calc(48% - var(--luminosity-shift) * 0.2%) 0.045 130);
  /* white sur accent */
  --text-on-accent: oklch(98% 0 0);

  /* ============================================================
   * Accents
   * ============================================================ */
  /* #467A4B - accent */
  --accent-primary: oklch(calc(50% + var(--luminosity-shift) * 0.2%) 0.085 145);
  /* #386338 - hover accent */
  --accent-primary-hover: oklch(calc(42% + var(--luminosity-shift) * 0.2%) 0.080 145);
  /* rgba(70,122,75,0.18) - accent doux fond */
  --accent-primary-soft: rgba(70, 122, 75, 0.18);
  /* white pour texte sur accent */
  --accent-primary-fg: oklch(98% 0 0);

  /* ============================================================
   * Bordures
   * ============================================================ */
  /* #B0B49B - defaut */
  --border-default: oklch(72% 0.025 120);
  /* #93A77D - emphase */
  --border-strong: oklch(66% 0.045 125);
  /* #467A4B - focus */
  --border-focus: oklch(50% 0.085 145);

  /* ============================================================
   * Status
   * ============================================================ */
  /* #D5E8D0 - success bg */
  --status-success-bg: oklch(92% 0.050 140);
  /* #244328 - success fg */
  --status-success-fg: oklch(32% 0.075 145);
  /* #F0E0BE - warning bg */
  --status-warning-bg: oklch(91% 0.062 90);
  /* #6A5018 - warning fg */
  --status-warning-fg: oklch(42% 0.080 80);
  /* #F2D9D9 - danger bg */
  --status-danger-bg: oklch(91% 0.040 22);
  /* #7d3434 - danger fg */
  --status-danger-fg: oklch(42% 0.115 25);
  /* #DDE5D8 - info bg */
  --status-info-bg: oklch(90% 0.025 130);
  /* #467A4B - info fg */
  --status-info-fg: oklch(50% 0.085 145);

  /* ============================================================
   * Ombres
   * ============================================================ */
  --shadow-color: 25, 40, 27;
  --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 specifiques
   * ============================================================ */
  /* #244328 - header bg */
  --header-bg: oklch(calc(32% + var(--luminosity-shift) * 0.2%) 0.045 140);
  /* #D2D5C2 - header fg */
  --header-fg: oklch(85% 0.022 120);
  /* #93A77D - header fg muted */
  --header-fg-muted: oklch(66% 0.045 125);
  --filigrane-opacity: 0.04;
  --filigrane-asset: url("/static/filigrane.png");
}