/*
 * Edifore - theme-carmin.css (Carmin)
 *
 * Source palette : Coolors (#1B1B2F / #7A819A / #E0EDF2 / #DB0833 / #B0001E)
 * Famille : coolors | Variante : sombre
 *
 * Valeurs colorees en OKLCH pour permettre l'application du slider
 * --luminosity-shift. Hex source en commentaire pour debug.
 */

[data-theme="carmin"] {
  /* ============================================================
   * Surfaces
   * ============================================================ */
  /* #1B1B2F - fond global */
  --bg-page: oklch(calc(22% + var(--luminosity-shift) * 0.4%) 0.035 280);
  /* #25253E - cards */
  --bg-card: oklch(calc(28% + var(--luminosity-shift) * 0.2%) 0.040 280);
  /* #2F2F4D - surfaces survol/focus */
  --bg-elevated: oklch(calc(34% + var(--luminosity-shift) * 0.3%) 0.045 280);
  /* #25253E - inputs */
  --bg-input: oklch(calc(28% + var(--luminosity-shift) * 0.2%) 0.040 280);
  /* rgba background pour overlays modaux */
  --bg-overlay: rgba(8, 8, 18, 0.65);

  /* ============================================================
   * Texte
   * ============================================================ */
  /* #E0EDF2 - corps + titres */
  --text-primary: oklch(calc(93% - var(--luminosity-shift) * 0.4%) 0.015 215);
  /* #C5CDDD - labels, metadonnees */
  --text-secondary: oklch(calc(82% - var(--luminosity-shift) * 0.3%) 0.022 260);
  /* #7A819A - placeholders */
  --text-muted: oklch(calc(58% - var(--luminosity-shift) * 0.2%) 0.030 270);
  /* #FFFFFF - texte sur accent */
  --text-on-accent: oklch(98% 0 0);

  /* ============================================================
   * Accents
   * ============================================================ */
  /* #DB0833 - accent */
  --accent-primary: oklch(calc(55% + var(--luminosity-shift) * 0.2%) 0.230 18);
  /* #B0001E - hover accent */
  --accent-primary-hover: oklch(calc(45% + var(--luminosity-shift) * 0.2%) 0.205 22);
  /* rgba(219,8,51,0.18) - accent doux fond */
  --accent-primary-soft: rgba(219, 8, 51, 0.18);
  /* white - texte sur accent */
  --accent-primary-fg: oklch(98% 0 0);

  /* ============================================================
   * Bordures
   * ============================================================ */
  /* #3A3A55 - defaut */
  --border-default: oklch(38% 0.045 280);
  /* #7A819A - emphase */
  --border-strong: oklch(58% 0.030 270);
  /* #DB0833 - focus */
  --border-focus: oklch(55% 0.230 18);

  /* ============================================================
   * Status
   * ============================================================ */
  /* #1E4A33 - success bg */
  --status-success-bg: oklch(38% 0.055 152);
  /* #5DD39E - success fg */
  --status-success-fg: oklch(80% 0.130 155);
  /* #4D3E12 - warning bg */
  --status-warning-bg: oklch(38% 0.070 80);
  /* #F2B842 - warning fg */
  --status-warning-fg: oklch(80% 0.135 82);
  /* #4D0815 - danger bg */
  --status-danger-bg: oklch(30% 0.115 20);
  /* #B0001E - danger fg */
  --status-danger-fg: oklch(45% 0.205 22);
  /* #25315A - info bg */
  --status-info-bg: oklch(32% 0.060 265);
  /* #7A98E5 - info fg */
  --status-info-fg: oklch(72% 0.110 265);

  /* ============================================================
   * Ombres
   * ============================================================ */
  --shadow-color: 0, 0, 0;
  --shadow-card: 0 1px 4px rgba(var(--shadow-color), 0.12);
  --shadow-elevated: 0 2px 8px rgba(var(--shadow-color), 0.18);
  --shadow-modal: 0 8px 32px rgba(var(--shadow-color), 0.35);

  /* ============================================================
   * Composants specifiques
   * ============================================================ */
  /* #131322 - header bg */
  --header-bg: oklch(calc(18% + var(--luminosity-shift) * 0.2%) 0.030 280);
  /* #E0EDF2 - header fg */
  --header-fg: oklch(93% 0.015 215);
  /* #C5CDDD - header fg muted */
  --header-fg-muted: oklch(82% 0.022 260);
  --filigrane-opacity: 0.08;
  --filigrane-asset: url("/static/filigrane_dark.png");
}
