/*
 * Edifore - theme-marina.css (Marina)
 *
 * Source palette : Coolors (#93C7E5 / #2E96B5 / #002B40 / #F39C0F / #E37C00)
 * Famille : coolors | Variante : sombre
 *
 * Valeurs colorees en OKLCH pour permettre l'application du slider
 * --luminosity-shift. Hex source en commentaire pour debug.
 */

[data-theme="marina"] {
  /* ============================================================
   * Surfaces
   * ============================================================ */
  /* #002B40 - fond global */
  --bg-page: oklch(calc(25% + var(--luminosity-shift) * 0.4%) 0.055 235);
  /* #053E55 - cards (mix bg-page + 2E96B5) */
  --bg-card: oklch(calc(32% + var(--luminosity-shift) * 0.2%) 0.055 230);
  /* #105468 - surfaces survol/focus */
  --bg-elevated: oklch(calc(40% + var(--luminosity-shift) * 0.3%) 0.060 225);
  /* #053E55 - inputs */
  --bg-input: oklch(calc(32% + var(--luminosity-shift) * 0.2%) 0.055 230);
  /* rgba background pour overlays modaux */
  --bg-overlay: rgba(0, 12, 20, 0.65);

  /* ============================================================
   * Texte
   * ============================================================ */
  /* #93C7E5 - corps + titres */
  --text-primary: oklch(calc(80% - var(--luminosity-shift) * 0.4%) 0.060 230);
  /* #7AB0CE - labels, metadonnees */
  --text-secondary: oklch(calc(72% - var(--luminosity-shift) * 0.3%) 0.065 230);
  /* #5C8DA8 - placeholders */
  --text-muted: oklch(calc(60% - var(--luminosity-shift) * 0.2%) 0.055 232);
  /* #002B40 - texte sur accent */
  --text-on-accent: oklch(98% 0 0);

  /* ============================================================
   * Accents
   * ============================================================ */
  /* #2E96B5 - accent */
  --accent-primary: oklch(calc(63% + var(--luminosity-shift) * 0.2%) 0.105 220);
  /* #2680A0 - hover accent */
  --accent-primary-hover: oklch(calc(55% + var(--luminosity-shift) * 0.2%) 0.105 222);
  /* rgba(46,150,181,0.18) - accent doux fond */
  --accent-primary-soft: rgba(46, 150, 181, 0.18);
  /* #FFFFFF - texte sur accent */
  --accent-primary-fg: oklch(98% 0 0);

  /* ============================================================
   * Bordures
   * ============================================================ */
  /* #1B5870 - defaut */
  --border-default: oklch(42% 0.060 228);
  /* #2E96B5 - emphase */
  --border-strong: oklch(55% 0.090 222);
  /* #2E96B5 - focus */
  --border-focus: oklch(63% 0.105 220);

  /* ============================================================
   * Status
   * ============================================================ */
  /* #1E4A33 - success bg */
  --status-success-bg: oklch(38% 0.050 152);
  /* #5DD39E - success fg */
  --status-success-fg: oklch(80% 0.130 155);
  /* #4F3A11 - warning bg */
  --status-warning-bg: oklch(38% 0.070 75);
  /* #F39C0F - warning fg */
  --status-warning-fg: oklch(76% 0.155 70);
  /* #5A2E1F - danger bg (mix E37C00) */
  --status-danger-bg: oklch(35% 0.080 45);
  /* #E37C00 - danger fg */
  --status-danger-fg: oklch(70% 0.165 52);
  /* #1B4459 - info bg */
  --status-info-bg: oklch(38% 0.055 235);
  /* #93C7E5 - info fg */
  --status-info-fg: oklch(80% 0.060 230);

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

  /* ============================================================
   * Composants specifiques
   * ============================================================ */
  /* #001E2E - header bg */
  --header-bg: oklch(calc(20% + var(--luminosity-shift) * 0.2%) 0.050 235);
  /* #93C7E5 - header fg */
  --header-fg: oklch(80% 0.060 230);
  /* #7AB0CE - header fg muted */
  --header-fg-muted: oklch(72% 0.065 230);
  --filigrane-opacity: 0.08;
  --filigrane-asset: url("/static/filigrane_dark.png");
}