/*
 * Edifore - theme-catppuccin-mocha.css (Catppuccin (Mocha))
 *
 * Source palette : https://catppuccin.com/palette
 * Famille : catppuccin | Variante : sombre
 *
 * Valeurs colorees en OKLCH pour permettre l'application du slider
 * --luminosity-shift. Hex source en commentaire pour debug.
 */

[data-theme="catppuccin-mocha"] {
  /* ============================================================
   * Surfaces
   * ============================================================ */
  /* #1E1E2E - fond global */
  --bg-page: oklch(calc(24% + var(--luminosity-shift) * 0.4%) 0.030 284);
  /* #313244 - cards */
  --bg-card: oklch(calc(32% + var(--luminosity-shift) * 0.2%) 0.032 282);
  /* #45475A - surfaces survol/focus */
  --bg-elevated: oklch(calc(40% + var(--luminosity-shift) * 0.3%) 0.032 280);
  /* #313244 - inputs */
  --bg-input: oklch(calc(32% + var(--luminosity-shift) * 0.2%) 0.032 282);
  /* rgba background pour overlays modaux */
  --bg-overlay: rgba(17, 17, 27, 0.6);

  /* ============================================================
   * Texte
   * ============================================================ */
  /* #CDD6F4 - corps + titres */
  --text-primary: oklch(calc(88% - var(--luminosity-shift) * 0.4%) 0.043 272);
  /* #BAC2DE - labels, metadonnees */
  --text-secondary: oklch(calc(82% - var(--luminosity-shift) * 0.3%) 0.040 273);
  /* #7F849C - placeholders */
  --text-muted: oklch(calc(62% - var(--luminosity-shift) * 0.2%) 0.037 276);
  /* #1E1E2E - texte sur accent */
  --text-on-accent: oklch(24% 0.030 284);

  /* ============================================================
   * Accents
   * ============================================================ */
  /* #CBA6F7 - accent */
  --accent-primary: oklch(calc(79% + var(--luminosity-shift) * 0.2%) 0.119 305);
  /* #B790E8 - hover accent */
  --accent-primary-hover: oklch(calc(72% + var(--luminosity-shift) * 0.2%) 0.130 304);
  /* #3F3A55 - accent doux fond */
  --accent-primary-soft: oklch(calc(37% + var(--luminosity-shift) * 0.3%) 0.046 292);
  /* #1E1E2E - texte sur accent */
  --accent-primary-fg: oklch(24% 0.030 284);

  /* ============================================================
   * Bordures
   * ============================================================ */
  /* #45475A - defaut */
  --border-default: oklch(40% 0.032 280);
  /* #585B70 - emphase */
  --border-strong: oklch(48% 0.034 279);
  /* #CBA6F7 - focus */
  --border-focus: oklch(79% 0.119 305);

  /* ============================================================
   * Status
   * ============================================================ */
  /* #2E4A36 - success bg */
  --status-success-bg: oklch(38% 0.048 153);
  /* #A6E3A1 - success fg */
  --status-success-fg: oklch(86% 0.109 143);
  /* #5C4A1F - warning bg */
  --status-warning-bg: oklch(42% 0.065 87);
  /* #F9E2AF - warning fg */
  --status-warning-fg: oklch(92% 0.070 87);
  /* #5A2E33 - danger bg */
  --status-danger-bg: oklch(36% 0.064 14);
  /* #F38BA8 - danger fg */
  --status-danger-fg: oklch(76% 0.130 3);
  /* #27445A - info bg */
  --status-info-bg: oklch(37% 0.052 243);
  /* #89B4FA - info fg */
  --status-info-fg: oklch(77% 0.111 260);

  /* ============================================================
   * 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
   * ============================================================ */
  /* #181825 - header bg */
  --header-bg: oklch(calc(22% + var(--luminosity-shift) * 0.2%) 0.025 284);
  /* #CDD6F4 - header fg */
  --header-fg: oklch(88% 0.043 272);
  /* #A6ADC8 - header fg muted */
  --header-fg-muted: oklch(75% 0.040 274);
  --filigrane-opacity: 0.06;
  --filigrane-asset: url("/static/filigrane_dark.png");
}