/*
 * Edifore -- theme-ardoise.css (Ardoise)
 *
 * Theme promu du labo de themes (finaliste g2-01 -- Ardoise H205 / C0.045).
 * Genere depuis devtool_themes.py (params deterministes, pre-filtres
 * WCAG AA en clair ET en sombre). Deux variantes dans ce fichier :
 *   [data-theme="ardoise-clair"]  et  [data-theme="ardoise-sombre"]
 *
 * Valeurs colorees en OKLCH pour permettre le slider --luminosity-shift.
 * Filigrane clair/sombre comme les themes existants.
 */

[data-theme="ardoise-clair"] {
  /* ================= Surfaces ================= */
  --bg-page: oklch(calc(95% + var(--luminosity-shift) * 0.4%) 0.012 205);
  --bg-card: oklch(calc(99% + var(--luminosity-shift) * 0.2%) 0.005 205);
  --bg-elevated: oklch(calc(96.5% + var(--luminosity-shift) * 0.3%) 0.010 205);
  --bg-input: oklch(calc(99.5% + var(--luminosity-shift) * 0.2%) 0.004 205);
  --bg-overlay: rgba(0, 0, 0, 0.5);
  /* ================= Texte ================= */
  --text-primary: oklch(calc(23% - var(--luminosity-shift) * 0.4%) 0.012 205);
  --text-secondary: oklch(calc(40% - var(--luminosity-shift) * 0.3%) 0.018 205);
  --text-muted: oklch(calc(52% - var(--luminosity-shift) * 0.2%) 0.012 205);
  --text-on-accent: oklch(98% 0.000 0);
  /* ================= Accents ================= */
  --accent-primary: oklch(calc(54% + var(--luminosity-shift) * 0.2%) 0.045 205);
  --accent-primary-hover: oklch(calc(47% + var(--luminosity-shift) * 0.2%) 0.045 205);
  --accent-primary-soft: oklch(calc(94% + var(--luminosity-shift) * 0.3%) 0.013 205);
  --accent-primary-fg: oklch(98% 0.000 0);
  /* ================= Bordures ================= */
  --border-default: oklch(85% 0.010 205);
  --border-strong: oklch(68% 0.020 205);
  --border-focus: oklch(54% 0.045 205);
  /* ================= Status ================= */
  --status-success-bg: oklch(93% 0.055 150);
  --status-success-fg: oklch(40% 0.130 150);
  --status-warning-bg: oklch(93% 0.055 75);
  --status-warning-fg: oklch(40% 0.130 75);
  --status-danger-bg: oklch(93% 0.055 27);
  --status-danger-fg: oklch(40% 0.130 27);
  --status-info-bg: oklch(93% 0.055 245);
  --status-info-fg: oklch(40% 0.130 245);
  /* ================= 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 ================= */
  --header-bg: oklch(calc(54% + var(--luminosity-shift) * 0.2%) 0.045 205);
  --header-fg: oklch(98% 0.000 0);
  --header-fg-muted: oklch(86% 0.010 205);
  --filigrane-opacity: 0.06;
  --filigrane-asset: url("/static/filigrane.png");
}

[data-theme="ardoise-sombre"] {
  /* ================= Surfaces ================= */
  --bg-page: oklch(calc(18% + var(--luminosity-shift) * 0.4%) 0.014 205);
  --bg-card: oklch(calc(22% + var(--luminosity-shift) * 0.2%) 0.016 205);
  --bg-elevated: oklch(calc(26% + var(--luminosity-shift) * 0.3%) 0.018 205);
  --bg-input: oklch(calc(24% + var(--luminosity-shift) * 0.2%) 0.012 205);
  --bg-overlay: rgba(0, 0, 0, 0.6);
  /* ================= Texte ================= */
  --text-primary: oklch(calc(93% - var(--luminosity-shift) * 0.4%) 0.010 205);
  --text-secondary: oklch(calc(76% - var(--luminosity-shift) * 0.3%) 0.016 205);
  --text-muted: oklch(calc(62% - var(--luminosity-shift) * 0.2%) 0.012 205);
  --text-on-accent: oklch(18% 0.000 0);
  /* ================= Accents ================= */
  --accent-primary: oklch(calc(60% + var(--luminosity-shift) * 0.2%) 0.045 205);
  --accent-primary-hover: oklch(calc(66% + var(--luminosity-shift) * 0.2%) 0.045 205);
  --accent-primary-soft: oklch(calc(30% + var(--luminosity-shift) * 0.3%) 0.020 205);
  --accent-primary-fg: oklch(18% 0.000 0);
  /* ================= Bordures ================= */
  --border-default: oklch(36% 0.012 205);
  --border-strong: oklch(50% 0.020 205);
  --border-focus: oklch(60% 0.045 205);
  /* ================= Status ================= */
  --status-success-bg: oklch(30% 0.060 150);
  --status-success-fg: oklch(74% 0.100 150);
  --status-warning-bg: oklch(30% 0.060 75);
  --status-warning-fg: oklch(74% 0.100 75);
  --status-danger-bg: oklch(30% 0.060 27);
  --status-danger-fg: oklch(74% 0.100 27);
  --status-info-bg: oklch(30% 0.060 245);
  --status-info-fg: oklch(74% 0.100 245);
  /* ================= 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 ================= */
  --header-bg: oklch(calc(14% + var(--luminosity-shift) * 0.2%) 0.018 205);
  --header-fg: oklch(93% 0.010 205);
  --header-fg-muted: oklch(72% 0.010 205);
  --filigrane-opacity: 0.05;
  --filigrane-asset: url("/static/filigrane_dark.png");
}