/*
 * Edifore - theme-floreal.css (Floreal)
 *
 * Source palette : Coolors (#F3E2C8 / #F5C8C0 / #EDB36E / #DD7878 / #7BA29D)
 * Famille : coolors | Variante : clair
 *
 * Valeurs colorees en OKLCH pour permettre l'application du slider
 * --luminosity-shift. Hex source en commentaire pour debug.
 */

[data-theme="floreal"] {
  /* ============================================================
   * Surfaces
   * ============================================================ */
  /* #F3E2C8 - fond global */
  --bg-page: oklch(calc(92% + var(--luminosity-shift) * 0.4%) 0.045 80);
  /* #FCF2E0 - cards (eclairci) */
  --bg-card: oklch(calc(97% + var(--luminosity-shift) * 0.2%) 0.025 82);
  /* #EBD4B0 - surfaces survol/focus */
  --bg-elevated: oklch(calc(88% + var(--luminosity-shift) * 0.3%) 0.055 80);
  /* #FFFAEF - inputs */
  --bg-input: oklch(calc(98% + var(--luminosity-shift) * 0.2%) 0.015 82);
  /* rgba background pour overlays modaux */
  --bg-overlay: rgba(80, 50, 40, 0.45);

  /* ============================================================
   * Texte
   * ============================================================ */
  /* #3A2418 - corps + titres */
  --text-primary: oklch(calc(28% - var(--luminosity-shift) * 0.4%) 0.045 50);
  /* #5A3E2E - labels, metadonnees */
  --text-secondary: oklch(calc(42% - var(--luminosity-shift) * 0.3%) 0.055 48);
  /* #8C6A55 - placeholders */
  --text-muted: oklch(calc(58% - var(--luminosity-shift) * 0.2%) 0.055 50);
  /* white sur accent */
  --text-on-accent: oklch(98% 0 0);

  /* ============================================================
   * Accents
   * ============================================================ */
  /* #DD7878 - accent */
  --accent-primary: oklch(calc(65% + var(--luminosity-shift) * 0.2%) 0.130 22);
  /* #C56666 - hover accent */
  --accent-primary-hover: oklch(calc(57% + var(--luminosity-shift) * 0.2%) 0.135 22);
  /* rgba(221,120,120,0.18) - accent doux fond */
  --accent-primary-soft: rgba(221, 120, 120, 0.18);
  /* white pour texte sur accent */
  --accent-primary-fg: oklch(98% 0 0);

  /* ============================================================
   * Bordures
   * ============================================================ */
  /* #D8C29A - defaut */
  --border-default: oklch(80% 0.040 78);
  /* #B89870 - emphase */
  --border-strong: oklch(68% 0.060 68);
  /* #DD7878 - focus */
  --border-focus: oklch(65% 0.130 22);

  /* ============================================================
   * Status
   * ============================================================ */
  /* #D5E6E2 - success bg */
  --status-success-bg: oklch(91% 0.025 175);
  /* #3E6D63 - success fg */
  --status-success-fg: oklch(48% 0.060 180);
  /* #FAE2BD - warning bg */
  --status-warning-bg: oklch(92% 0.060 80);
  /* #8E5418 - warning fg */
  --status-warning-fg: oklch(50% 0.100 60);
  /* #F5D7D5 - danger bg */
  --status-danger-bg: oklch(90% 0.035 20);
  /* #c44b4b - danger fg */
  --status-danger-fg: oklch(52% 0.170 25);
  /* #DCE8E5 - info bg */
  --status-info-bg: oklch(91% 0.025 180);
  /* #7BA29D - info fg */
  --status-info-fg: oklch(65% 0.045 180);

  /* ============================================================
   * Ombres
   * ============================================================ */
  --shadow-color: 80, 40, 30;
  --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.22);

  /* ============================================================
   * Composants specifiques
   * ============================================================ */
  /* #DD7878 - header bg */
  --header-bg: oklch(calc(65% + var(--luminosity-shift) * 0.2%) 0.130 22);
  /* #FFFFFF - header fg */
  --header-fg: oklch(98% 0 0);
  /* #F3E2C8 - header fg muted */
  --header-fg-muted: oklch(92% 0.045 80);
  --filigrane-opacity: 0.04;
  --filigrane-asset: url("/static/filigrane.png");
}