:root {
/* ==========================================================================
   Clean Design Tokens — deduplicated from https://mobilizon.fr
   Generated: 2026-05-25
   ========================================================================== */

  /* ── Colors ── */
  /* lch(26.89% 4.56 291.08) | oklch(37.03% 0.012 285.84) */
  --color-neutral-100: #3f3f46;
  /* replaces: --cssVar-oruga-warning-invert, --cssVar-oruga-black */
  /* lch(0.00% 0.00 0.00) | oklch(0.00% 0.000 0.00) */
  --color-neutral-100-2: #000;
  /* lch(91.60% 2.17 271.44) | oklch(92.76% 0.006 264.60) */
  --color-brand-mercury: #e5e7eb;
  /* lch(26.21% 35.95 299.35) | oklch(37.09% 0.092 285.12) */
  --color-brand-astronaut: #3c376e;
  /* replaces: --cssVar-oruga-primary, --cssVar-oruga-variant-primary, --cssVar-oruga-radio-active-background-color, --cssVar-oruga-switch-checked-background */
  /* lch(48.48% 27.74 231.24) | oklch(54.88% 0.092 221.11) */
  --color-action-jelly-bean: #1e7d97;
  /* lch(87.56% 35.81 78.98) | oklch(89.53% 0.090 76.06) */
  --color-accent-cherokee: #ffd599;
  /* lch(64.13% 57.61 26.24) | oklch(71.06% 0.166 22.22) */
  --color-accent-sunglo: #f87171;

  /* ── Typography ── */
  /* replaces: --cssVar-oruga-base-font-weight */
  --typography-fontWeight-regular: 400;
  --typography-fontWeight-medium: 500;
  --typography-fontWeight-semibold: 600;
  --typography-fontWeight-bold: 700;
  --typography-fontWeight-extrabold: 800;
  /* replaces: --cssVar-oruga-base-font-family */
  --typography-fontFamily-primary: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif;
  /* replaces: --typography-lineHeight-5 */
  --typography-fontSize-display: 48px;
  /* replaces: --typography-lineHeight-1 */
  --typography-fontSize-h1: 24px;
  --typography-fontSize-h2: 20px;
  --typography-fontSize-h3: 18px;
  /* replaces: --typography-lineHeight-0, --spacing-4 */
  --typography-fontSize-h4: 16px;
  /* replaces: --spacing-3 */
  --typography-fontSize-h5: 12px;
  --typography-lineHeight-2: 28px;
  /* replaces: --spacing-5 */
  --typography-lineHeight-3: 32px;
  --typography-lineHeight-4: 36px;

  /* ── Spacing ── */
  /* replaces: --borderRadius-sm, --cssVar-oruga-base-border-radius */
  --spacing-1: 4px;
  /* replaces: --borderRadius-md */
  --spacing-2: 8px;
  --spacing-6: 40px;
  --spacing-7: 64px;
  --spacing-8: 72px;
  --spacing-9: 80px;

  /* ── Border Radius ── */
  --borderRadius-none: 0;
  --borderRadius-lg: 8px 0 0 8px;
  /* replaces: --cssVar-oruga-base-border-radius-rounded */
  --borderRadius-full: 9999px;

  /* ── Shadows ── */
  --shadow-xs: rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 10%) 0 2px 4px -2px;
  --shadow-sm: rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0;
  --shadow-md: rgb(0 0 0 / 20%) 0 0 12px 0;

}