/*
 * Edifore - theme-sentinelle.css (Sentinelle)
 *
 * Source palette : Coolors (#0A0E26 / #131F44 / #08409D / #F8C600 / #FFE600)
 * Famille : coolors | Variante : sombre
 *
 * Valeurs colorees en OKLCH pour permettre l'application du slider
 * --luminosity-shift. Hex source en commentaire pour debug.
 */

[data-theme="sentinelle"] {
  /* ============================================================
   * Surfaces
   * ============================================================ */
  /* #0A0E26 - fond global */
  --bg-page: oklch(calc(15% + var(--luminosity-shift) * 0.4%) 0.060 270);
  /* #131F44 - cards */
  --bg-card: oklch(calc(22% + var(--luminosity-shift) * 0.2%) 0.080 265);
  /* #1B2A5E - surfaces survol/focus */
  --bg-elevated: oklch(calc(30% + var(--luminosity-shift) * 0.3%) 0.095 265);
  /* #131F44 - inputs */
  --bg-input: oklch(calc(22% + var(--luminosity-shift) * 0.2%) 0.080 265);
  /* rgba background pour overlays modaux */
  --bg-overlay: rgba(0, 0, 8, 0.7);

  /* ============================================================
   * Texte
   * ============================================================ */
  /* #E8ECF7 - corps + titres */
  --text-primary: oklch(calc(92% - var(--luminosity-shift) * 0.4%) 0.018 265);
  /* #C0C8DE - labels, metadonnees */
  --text-secondary: oklch(calc(80% - var(--luminosity-shift) * 0.3%) 0.030 265);
  /* #8A92AE - placeholders */
  --text-muted: oklch(calc(62% - var(--luminosity-shift) * 0.2%) 0.040 265);
  /* #0A0E26 - texte sur accent */
  --text-on-accent: oklch(98% 0 0);

  /* ============================================================
   * Accents
   * ============================================================ */
  /* #08409D - accent */
  --accent-primary: oklch(calc(42% + var(--luminosity-shift) * 0.2%) 0.180 263);
  /* #0735822 - hover accent */
  --accent-primary-hover: oklch(calc(35% + var(--luminosity-shift) * 0.2%) 0.175 263);
  /* rgba(8,64,157,0.25) - accent doux fond */
  --accent-primary-soft: rgba(8, 64, 157, 0.25);
  /* white - texte sur accent */
  --accent-primary-fg: oklch(98% 0 0);

  /* ============================================================
   * Bordures
   * ============================================================ */
  /* #1B2A5E - defaut */
  --border-default: oklch(30% 0.095 265);
  /* #2A3D7A - emphase */
  --border-strong: oklch(38% 0.110 265);
  /* #08409D - focus */
  --border-focus: oklch(42% 0.180 263);

  /* ============================================================
   * Status
   * ============================================================ */
  /* #1E4A33 - success bg */
  --status-success-bg: oklch(38% 0.060 150);
  /* #5DD39E - success fg */
  --status-success-fg: oklch(80% 0.130 155);
  /* #4D3E0E - warning bg */
  --status-warning-bg: oklch(36% 0.075 88);
  /* #F8C600 - warning fg */
  --status-warning-fg: oklch(83% 0.165 88);
  /* #5C0F1E - danger bg */
  --status-danger-bg: oklch(32% 0.110 18);
  /* #cc0033 - danger fg */
  --status-danger-fg: oklch(54% 0.220 22);
  /* #1B2A5E - info bg */
  --status-info-bg: oklch(30% 0.095 265);
  /* #6B8FE5 - info fg */
  --status-info-fg: oklch(70% 0.135 262);

  /* ============================================================
   * 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
   * ============================================================ */
  /* #050920 - header bg */
  --header-bg: oklch(calc(12% + var(--luminosity-shift) * 0.2%) 0.055 270);
  /* #F8C600 - header fg */
  --header-fg: oklch(83% 0.165 88);
  /* #C0C8DE - header fg muted */
  --header-fg-muted: oklch(80% 0.030 265);
  --filigrane-opacity: 0.08;
  --filigrane-asset: url("/static/filigrane_dark.png");
}