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

[data-theme="nord-clair"] {
  /* ============================================================
   * Surfaces
   * ============================================================ */
  /* #ECEFF4 - fond global */
  --bg-page: oklch(calc(95% + var(--luminosity-shift) * 0.4%) 0.007 261);
  /* #FFFFFF - cards */
  --bg-card: oklch(calc(100% + var(--luminosity-shift) * 0.2%) 0.000 90);
  /* #E5E9F0 - surfaces survol/focus */
  --bg-elevated: oklch(calc(93% + var(--luminosity-shift) * 0.3%) 0.010 262);
  /* #FFFFFF - inputs */
  --bg-input: oklch(calc(100% + var(--luminosity-shift) * 0.2%) 0.000 90);
  /* rgba background pour overlays modaux */
  --bg-overlay: rgba(46, 52, 64, 0.5);

  /* ============================================================
   * Texte
   * ============================================================ */
  /* #2E3440 - corps + titres */
  --text-primary: oklch(calc(32% - var(--luminosity-shift) * 0.4%) 0.023 264);
  /* #3B4252 - labels, metadonnees */
  --text-secondary: oklch(calc(38% - var(--luminosity-shift) * 0.3%) 0.029 266);
  /* #4C566A - placeholders */
  --text-muted: oklch(calc(45% - var(--luminosity-shift) * 0.2%) 0.035 264);
  /* #ECEFF4 - texte sur accent */
  --text-on-accent: oklch(95% 0.007 261);

  /* ============================================================
   * Accents
   * ============================================================ */
  /* #5E81AC - accent */
  --accent-primary: oklch(calc(59% + var(--luminosity-shift) * 0.2%) 0.077 254);
  /* #4C6F95 - hover accent */
  --accent-primary-hover: oklch(calc(53% + var(--luminosity-shift) * 0.2%) 0.072 251);
  /* #D8E0EC - accent doux fond */
  --accent-primary-soft: oklch(calc(90% + var(--luminosity-shift) * 0.3%) 0.019 258);
  /* #ECEFF4 - texte sur accent */
  --accent-primary-fg: oklch(95% 0.007 261);

  /* ============================================================
   * Bordures
   * ============================================================ */
  /* #D8DEE9 - defaut */
  --border-default: oklch(90% 0.016 263);
  /* #4C566A - emphase */
  --border-strong: oklch(45% 0.035 264);
  /* #81A1C1 - focus */
  --border-focus: oklch(70% 0.059 249);

  /* ============================================================
   * Status
   * ============================================================ */
  /* #DCE9D5 - success bg */
  --status-success-bg: oklch(92% 0.030 134);
  /* #3B5E2E - success fg */
  --status-success-fg: oklch(44% 0.085 138);
  /* #F5E4C0 - warning bg */
  --status-warning-bg: oklch(92% 0.051 86);
  /* #7A5B17 - warning fg */
  --status-warning-fg: oklch(49% 0.091 82);
  /* #F0D4D6 - danger bg */
  --status-danger-bg: oklch(89% 0.031 13);
  /* #8E3A40 - danger fg */
  --status-danger-fg: oklch(46% 0.114 18);
  /* #D8E0EC - info bg */
  --status-info-bg: oklch(90% 0.019 258);
  /* #5E81AC - info fg */
  --status-info-fg: oklch(59% 0.077 254);

  /* ============================================================
   * Ombres
   * ============================================================ */
  --shadow-color: 46, 52, 64;
  --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
   * ============================================================ */
  /* #2E3440 - header bg */
  --header-bg: oklch(calc(32% + var(--luminosity-shift) * 0.2%) 0.023 264);
  /* #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.04;
  --filigrane-asset: url("/static/filigrane.png");
}