@import url('/vendor/polices/inter.css');
:root {
  --theme-naturel: sombre;
  --accent: #f97316;
  --accent-2: #22c55e;
  --bg: #0c0c0d;
  --bg-2: #111113;
  --panel: #161618;
  --panel-2: #1c1c1f;
  --stroke: #2a2a2e;
  --stroke-soft: rgb(29, 29, 31);
  --ink: #f4f4f5;
  --ink-soft: #a1a1aa;
  --ink-dim: rgb(101, 101, 107);
  --ok: #22c55e;
  --warn: #facc15;
  --err: #f43f5e;
  --radius: 10px;
  --font: 'Inter', 'Segoe UI', Roboto, system-ui, sans-serif;
  --font-titres: 'Inter', 'Segoe UI', Roboto, system-ui, sans-serif;
  --ombre-teinte: #000000;
  --ombre-douce: 0 2px 8px rgba(0, 0, 0, 0.070);
  --ombre: 0 10px 30px rgba(0, 0, 0, 0.193);
  --ombre-forte: 0 24px 60px rgba(0, 0, 0, 0.297);
  --lueur-accent: 0 0 24px rgba(249, 115, 22, 0.000);
  --lueur-accent-2: 0 0 24px rgba(34, 197, 94, 0.000);
  --accent-voile: rgba(249, 115, 22, 0.140);
  --accent-2-voile: rgba(34, 197, 94, 0.140);
}

h1, h2, h3, .titre-marque { font-family: var(--font-titres); }

html[data-theme="clair"] {
  color-scheme: light;
  --accent: #ed6d15;
  --accent-2: #1a9447;
  --bg: #eef0f4;
  --bg-2: #e4e7ed;
  --panel: #ffffff;
  --panel-2: #f5f6f9;
  --stroke: #cfd4de;
  --stroke-soft: rgb(221, 225, 232);
  --ink: #0f121a;
  --ink-soft: #4a5265;
  --ink-dim: rgb(123, 129, 144);
  --ok: #1fb155;
  --warn: #c8a311;
  --err: #f43f5e;
  --ombre-teinte: #5a6378;
  --ombre-douce: 0 1px 3px rgba(90, 99, 120, 0.120);
  --ombre: 0 8px 24px rgba(90, 99, 120, 0.140);
  --ombre-forte: 0 20px 50px rgba(90, 99, 120, 0.200);
  --accent-voile: rgba(237, 109, 21, 0.120);
  --accent-2-voile: rgba(26, 148, 71, 0.120);
}