/* Layne World - Themes */

/* Polices additionnelles utilisées par le thème Pirate.
   Chargées uniquement à la première visite puis mises en cache par le navigateur. */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Permanent+Marker&family=UnifrakturCook:wght@700&display=swap');

:root {
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

html:not([data-theme]),
[data-theme="dark"] {
  --bg-primary: #0a0a0f;
  --bg-secondary: #12121a;
  --bg-elevated: #16161f;
  --bg-elevated-2: #1c1c28;
  --bg-panel: #111119ee;
  --border: #2a2a3a;
  --border-hover: #3a3a50;
  --text-primary: #e8e8f0;
  --text-secondary: #8888a0;
  --text-muted: #555568;
  --accent: #6c5ce7;
  --accent-hover: #7d6ef0;
  --accent-glow: rgba(108, 92, 231, 0.15);
  --accent-glow-strong: rgba(108, 92, 231, 0.3);
  --accent-success: #00b894;
  --accent-success-glow: rgba(0, 184, 148, 0.15);
  --accent-danger: #e74c3c;
  --accent-danger-glow: rgba(231, 76, 60, 0.15);
  --accent-locked: #444460;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 8px 40px var(--accent-glow);
  --theme-color-meta: #0a0a0f;
}

[data-theme="ardoise"] {
  --bg-primary: #e8f0f2;
  --bg-secondary: #dce8ea;
  --bg-elevated: #f4f9fa;
  --bg-elevated-2: #eaf2f4;
  --bg-panel: #f4f9faee;
  --border: #b0ccd0;
  --border-hover: #8ab4b8;
  --text-primary: #1e3038;
  --text-secondary: #4a6870;
  --text-muted: #7a9aa0;
  --accent: #25707a;
  --accent-hover: #1e5c64;
  --accent-glow: rgba(37, 112, 122, 0.15);
  --accent-glow-strong: rgba(37, 112, 122, 0.3);
  --accent-success: #2a8a60;
  --accent-success-glow: rgba(42, 138, 96, 0.15);
  --accent-danger: #c04840;
  --accent-danger-glow: rgba(192, 72, 64, 0.15);
  --accent-locked: #90b0b4;
  --shadow-sm: 0 2px 8px rgba(20, 50, 60, 0.08);
  --shadow-md: 0 4px 20px rgba(20, 50, 60, 0.12);
  --shadow-lg: 0 8px 40px rgba(20, 50, 60, 0.16);
  --shadow-glow: 0 8px 40px var(--accent-glow);
  --theme-color-meta: #e8f0f2;
}

[data-theme="dark-petrol"] {
  --bg-primary: #181e20;
  --bg-secondary: #202a2c;
  --bg-elevated: #283234;
  --bg-elevated-2: #2e3a3c;
  --bg-panel: #202a2cee;
  --border: #384244;
  --border-hover: #4a5658;
  --text-primary: #c8e4e8;
  --text-secondary: #6a8a90;
  --text-muted: #405a60;
  --accent: #3a8a90;
  --accent-hover: #4aa0a8;
  --accent-glow: rgba(58, 138, 144, 0.18);
  --accent-glow-strong: rgba(58, 138, 144, 0.35);
  --accent-success: #2a9a70;
  --accent-success-glow: rgba(42, 154, 112, 0.18);
  --accent-danger: #c05050;
  --accent-danger-glow: rgba(192, 80, 80, 0.18);
  --accent-locked: #304448;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.55);
  --shadow-glow: 0 8px 40px var(--accent-glow);
  --theme-color-meta: #181e20;
}

/* ─────────────────────────────────────────────
   Thème Pirate — fanzine punk militant
   Palette : jaune fluo / violet / rouge vif / noir sur fond blanc franc.
   Bordures épaisses, angles carrés, ombres décalées style affiche sérigraphiée.
   ───────────────────────────────────────────── */
[data-theme="pirate"] {
  --font-display: 'Archivo Black', 'Impact', 'Outfit', sans-serif;
  --font-handwritten: 'Permanent Marker', 'Caveat', cursive;
  --font-gothic: 'UnifrakturCook', 'Luminari', serif;
  --bg-primary: #FFFFFF;
  --bg-secondary: #FFFFFF;
  --bg-elevated: #FFFFFF;
  --bg-elevated-2: #F7E600;
  --bg-panel: #FFFFFFee;
  --border: #000000;
  --border-hover: #E30613;
  --text-primary: #000000;
  --text-secondary: #1a1a1a;
  --text-muted: #666666;
  --accent: #E30613;
  --accent-hover: #B30510;
  --accent-glow: rgba(231, 6, 19, 0.3);
  --accent-glow-strong: rgba(231, 6, 19, 0.5);
  --accent-success: #6B21A8;
  --accent-success-glow: rgba(107, 33, 168, 0.25);
  --accent-danger: #000000;
  --accent-danger-glow: rgba(0, 0, 0, 0.12);
  --accent-locked: #999999;
  --shadow-sm: 3px 3px 0 #000000;
  --shadow-md: 5px 5px 0 #000000;
  --shadow-lg: 8px 8px 0 #000000;
  --shadow-glow: 6px 6px 0 #F7E600;
  --theme-color-meta: #FFFFFF;
}

/* Overrides structurels uniquement actifs quand le thème Pirate est sélectionné :
   bordures plus épaisses, angles carrés, titres en police d'affiche, boutons en capitales. */
[data-theme="pirate"] .btn,
[data-theme="pirate"] .input,
[data-theme="pirate"] .textarea,
[data-theme="pirate"] .card {
  border-width: 2.5px;
  border-radius: 0;
}

[data-theme="pirate"] h1,
[data-theme="pirate"] h2 {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: -0.02em;
  font-weight: 400;
}

[data-theme="pirate"] .btn {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}