/* EKM PLOMBERIE — variables.css
   Preset Craft adapte plombier : papier creme + bleu acier confiance.
*/

:root {
  /* Palette OKLCH (Craft + accent plombier) */
  --paper: oklch(96% 0.013 82);
  --paper-2: oklch(93% 0.018 80);
  --ink: oklch(22% 0.030 250);
  --ink-soft: oklch(36% 0.024 250);
  --muted: oklch(52% 0.018 250);
  --line: oklch(82% 0.018 80);
  --accent: oklch(48% 0.115 240);
  --accent-2: oklch(72% 0.085 220);
  --accent-soft: oklch(92% 0.030 235);
  --warm: oklch(88% 0.060 60);
  --shadow-rgb: 30 35 55;

  /* Typo */
  --font-display: "Lora", "Libre Baskerville", Georgia, serif;
  --font-serif: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* Tailles fluides */
  --fs-xs: clamp(0.74rem, 0.72rem + 0.10vw, 0.82rem);
  --fs-sm: clamp(0.85rem, 0.82rem + 0.15vw, 0.94rem);
  --fs-base: clamp(0.98rem, 0.94rem + 0.20vw, 1.06rem);
  --fs-md: clamp(1.06rem, 1.00rem + 0.30vw, 1.20rem);
  --fs-lg: clamp(1.30rem, 1.18rem + 0.60vw, 1.55rem);
  --fs-xl: clamp(1.65rem, 1.40rem + 1.20vw, 2.20rem);
  --fs-2xl: clamp(2.10rem, 1.65rem + 2.20vw, 3.20rem);
  --fs-3xl: clamp(2.60rem, 1.90rem + 3.40vw, 4.40rem);

  /* Espacement */
  --sp-1: 0.4rem;
  --sp-2: 0.75rem;
  --sp-3: 1.1rem;
  --sp-4: 1.6rem;
  --sp-5: 2.4rem;
  --sp-6: 3.4rem;
  --sp-7: 5rem;
  --sp-8: 7rem;

  /* Layout */
  --container: 1180px;
  --container-narrow: 880px;
  --radius-sm: 6px;
  --radius: 14px;
  --radius-lg: 22px;
  --header-h: 72px;

  /* Transitions */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 180ms var(--ease);
  --t: 320ms var(--ease);
  --t-slow: 520ms var(--ease);

  /* z-index */
  --z-header: 50;
  --z-fab: 60;
  --z-menu: 70;
}

::selection {
  background: var(--accent);
  color: var(--paper);
}
::-moz-selection {
  background: var(--accent);
  color: var(--paper);
}

/* Scrollbar fine rebrandee */
* { scrollbar-width: thin; scrollbar-color: var(--accent) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: var(--ink); }