/* ============================================================
   dentikOo v4 — Variables uniquement
   ⚠️  Ce fichier ne contient QUE les variables CSS.
   Les resets et styles globaux sont dans _base.css
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");

:root {
  /* Palette */
  --night: #060d1a;
  --navy: #0b1830;
  --navy-mid: #112448;
  --blue: #1455c0;
  --blue-lt: #dde9ff;
  --amber: #009cff;
  --amber-lt: #fef3c7;
  --white: #ffffff;
  --snow: #f8f9fc;
  --mist: #eef1f8;
  --ink: #0f172a;
  --body: #475569;
  --faint: #94a3b8;
  --line: #e2e8f0;

  /* Typo */
  --font: "Poppins", sans-serif;

  /* Radius */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Shadows */
  --s-sm: 0 1px 6px rgba(6, 13, 26, 0.06);
  --s-md: 0 4px 24px rgba(6, 13, 26, 0.1);
  --s-lg: 0 12px 48px rgba(6, 13, 26, 0.15);
  --s-xl: 0 24px 80px rgba(6, 13, 26, 0.2);

  /* Ease */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t: 0.3s;
}