/* Confygram — jetons de design. Repris de l'ADN Confy : noir profond · blanc cassé · violet · gris doux. */
@font-face {
  font-family: "Fraunces Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/fraunces-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: dark;

  --bg: #0a0a0f;
  --surface: #13131b;
  --surface-2: #1b1b26;
  --surface-3: #242432;
  --text: #f3f1ec;
  --text-2: #a09eae;
  --text-3: #8a8899;           /* relevé par rapport à Confy (#6f6d7d) pour tenir 4.5:1 sur --bg */
  --border: rgba(255, 255, 255, .08);
  --border-strong: rgba(255, 255, 255, .16);

  --accent: #8b5cf6;
  --accent-light: #b79cff;
  --accent-deep: #7c3aed;
  --accent-contrast: #ffffff;
  --accent-soft: color-mix(in srgb, var(--accent) 16%, transparent);
  --accent-line: color-mix(in srgb, var(--accent) 42%, transparent);
  --success: #4cc38a;
  --danger: #f2706b;
  --warn: #e9b45a;

  --font-ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-voice: "Fraunces Variable", ui-serif, "New York", "Iowan Old Style", "Palatino Linotype", Georgia, serif;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;
  --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-24: 96px; --space-32: 128px;
  --radius-s: 10px; --radius-m: 16px; --radius-l: 22px; --radius-xl: 32px; --radius-pill: 999px;
  --tap: 44px;
  --gutter: clamp(20px, 5vw, 48px);
  --measure: 62ch;
  --page: 1180px;
  --nav-h: 68px;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur: 260ms;
  /* Ressorts de Confy : repli Bézier, puis vraie courbe de ressort amorti en linear() quand c'est supporté. */
  --spring: cubic-bezier(.34, 1.3, .64, 1);
  --dur-spring: 540ms;
  --spring-bouncy: cubic-bezier(.34, 1.7, .64, 1);
  --dur-bouncy: 720ms;
}

@supports (transition-timing-function: linear(0, 1)) {
  :root {
    --spring: linear(0.0056, 0.0634, 0.1629, 0.2861, 0.4184, 0.5487, 0.6694, 0.7758, 0.8652, 0.9371, 0.992, 1.0313, 1.0574, 1.0721, 1.078, 1.0773, 1.0719, 1.0636, 1.0537, 1.0433, 1.0332, 1.024, 1.0159, 1.0092, 1.0039, 0.9999, 0.997, 0.9952, 0.9942, 0.9939, 0.994, 0.9945, 0.9952, 0.996, 0.9968, 0.9976, 1);
    --spring-bouncy: linear(0.0073, 0.127, 0.3403, 0.5898, 0.8289, 1.0258, 1.1631, 1.2378, 1.2567, 1.2328, 1.1815, 1.1181, 1.0554, 1.0023, 0.9638, 0.9414, 0.934, 0.9383, 0.9504, 0.9664, 0.9827, 0.997, 1.0077, 1.0142, 1.0168, 1.0163, 1.0135, 1.0095, 1.0052, 1.0014, 0.9985, 0.9966, 0.9957, 0.9957, 0.9964, 0.9973, 1);
  }
}