/*
 * Edifore - theme-nord-sombre.css (Nord (Sombre))
 *
 * Source palette : https://www.nordtheme.com/
 * Famille : nord | Variante : sombre
 *
 * Valeurs colorees en OKLCH pour permettre l'application du slider
 * --luminosity-shift. Hex source en commentaire pour debug.
 */

[data-theme="nord-sombre"] {
  /* ============================================================
   * Surfaces
   * ============================================================ */
  /* #2E3440 - fond global */
  --bg-page: oklch(calc(32% + var(--luminosity-shift) * 0.4%) 0.023 264);
  /* #3B4252 - cards */
  --bg-card: oklch(calc(38% + var(--luminosity-shift) * 0.2%) 0.029 266);
  /* #434C5E - surfaces survol/focus */
  --bg-elevated: oklch(calc(42% + var(--luminosity-shift) * 0.3%) 0.032 264);
  /* #3B4252 - inputs */
  --bg-input: oklch(calc(38% + var(--luminosity-shift) * 0.2%) 0.029 266);
  /* rgba background pour overlays modaux */
  --bg-overlay: rgba(0, 0, 0, 0.6);

  /* ============================================================
   * Texte
   * ============================================================ */
  /* #ECEFF4 - corps + titres */
  --text-primary: oklch(calc(95% - var(--luminosity-shift) * 0.4%) 0.007 261);
  /* #D8DEE9 - labels, metadonnees */
  --text-secondary: oklch(calc(90% - var(--luminosity-shift) * 0.3%) 0.016 263);
  /* #A0A8B5 - placeholders */
  --text-muted: oklch(calc(73% - var(--luminosity-shift) * 0.2%) 0.021 260);
  /* #2E3440 - texte sur accent */
  --text-on-accent: oklch(32% 0.023 264);

  /* ============================================================
   * Accents
   * ============================================================ */
  /* #88C0D0 - accent */
  --accent-primary: oklch(calc(77% + var(--luminosity-shift) * 0.2%) 0.062 217);
  /* #8FBCBB - hover accent */
  --accent-primary-hover: oklch(calc(76% + var(--luminosity-shift) * 0.2%) 0.048 194);
  /* #3B4A55 - accent doux fond */
  --accent-primary-soft: oklch(calc(40% + var(--luminosity-shift) * 0.3%) 0.027 240);
  /* #2E3440 - texte sur accent */
  --accent-primary-fg: oklch(32% 0.023 264);

  /* ============================================================
   * Bordures
   * ============================================================ */
  /* #434C5E - defaut */
  --border-default: oklch(42% 0.032 264);
  /* #4C566A - emphase */
  --border-strong: oklch(45% 0.035 264);
  /* #81A1C1 - focus */
  --border-focus: oklch(70% 0.059 249);

  /* ============================================================
   * Status
   * ============================================================ */
  /* #3E5444 - success bg */
  --status-success-bg: oklch(42% 0.038 153);
  /* #A3BE8C - success fg */
  --status-success-fg: oklch(77% 0.075 131);
  /* #5C4A2E - warning bg */
  --status-warning-bg: oklch(42% 0.049 78);
  /* #EBCB8B - warning fg */
  --status-warning-fg: oklch(85% 0.089 84);
  /* #5A3A3D - danger bg */
  --status-danger-bg: oklch(39% 0.046 13);
  /* #BF616A - danger fg */
  --status-danger-fg: oklch(61% 0.121 15);
  /* #3D4A5C - info bg */
  --status-info-bg: oklch(41% 0.035 257);
  /* #81A1C1 - info fg */
  --status-info-fg: oklch(70% 0.059 249);

  /* ============================================================
   * 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 specifiques
   * ============================================================ */
  /* #3B4252 - header bg */
  --header-bg: oklch(calc(38% + var(--luminosity-shift) * 0.2%) 0.029 266);
  /* #ECEFF4 - header fg */
  --header-fg: oklch(95% 0.007 261);
  /* #D8DEE9 - header fg muted */
  --header-fg-muted: oklch(90% 0.016 263);
  --filigrane-opacity: 0.06;
  --filigrane-asset: url("/static/filigrane_dark.png");
}
