/* Copie de design/tokens.css (tokens Figma du design system Xenium) — ne pas éditer ici, modifier design/tokens.css puis recopier. */
/* Design tokens — Lions Club Luxembourg Xenium
   Source de vérité : Figma TGXGhmyhPvQ7QAOhhhiNBH (collections Primitives, Color, Dimension).
   Généré depuis les variables Figma — ne pas éditer à la main sans mettre Figma à jour. */
:root {
  --lx-blue-50: #EEF3FB;
  --lx-blue-100: #D6E2F5;
  --lx-blue-200: #A9C1E8;
  --lx-blue-500: #00338D;
  --lx-blue-700: #002670;
  --lx-blue-900: #0D2240;
  --lx-yellow-100: #FDF4D6;
  --lx-yellow-300: #F5D466;
  --lx-yellow-500: #EBB700;
  --lx-yellow-600: #C99C00;
  --lx-purple-100: #F1E4F2;
  --lx-purple-500: #7A2582;
  --lx-purple-700: #5E1C64;
  --lx-sky-100: #E3ECF8;
  --lx-sky-500: #407CCA;
  --lx-green-100: #DFF4EA;
  --lx-green-500: #00AB68;
  --lx-green-700: #00754A;
  --lx-orange-100: #FFE7E0;
  --lx-orange-500: #FF5B35;
  --lx-orange-700: #C23A17;
  --lx-gray-0: #FFFFFF;
  --lx-gray-50: #F5F6F8;
  --lx-gray-100: #ECEEF2;
  --lx-gray-200: #D9DCE2;
  --lx-gray-300: #B3B2B1;
  --lx-gray-500: #7C7D80;
  --lx-gray-700: #55565A;
  --lx-gray-900: #1F2024;
  --lx-gray-1000: #000000;
  --lx-overlay-navy-60: #0D224099;
  --lx-shadow-navy-12: #0D22401F;
  --color-bg-default: var(--lx-gray-0);
  --color-bg-subtle: var(--lx-gray-50);
  --color-bg-muted: var(--lx-gray-100);
  --color-bg-brand: var(--lx-blue-500);
  --color-bg-brand-subtle: var(--lx-blue-50);
  --color-bg-inverse: var(--lx-blue-900);
  --color-bg-accent: var(--lx-yellow-500);
  --color-bg-accent-subtle: var(--lx-yellow-100);
  --color-bg-purple: var(--lx-purple-500);
  --color-bg-success-subtle: var(--lx-green-100);
  --color-bg-warning-subtle: var(--lx-orange-100);
  --color-bg-overlay: var(--lx-overlay-navy-60);
  --color-text-default: var(--lx-blue-900);
  --color-text-muted: var(--lx-gray-700);
  --color-text-brand: var(--lx-blue-500);
  --color-text-inverse: var(--lx-gray-0);
  --color-text-on-accent: var(--lx-blue-900);
  --color-text-accent-on-inverse: var(--lx-yellow-500);
  --color-text-success: var(--lx-green-700);
  --color-text-danger: var(--lx-orange-700);
  --color-text-purple: var(--lx-purple-500);
  --color-border-default: var(--lx-gray-200);
  --color-border-strong: var(--lx-gray-300);
  --color-border-brand: var(--lx-blue-500);
  --color-border-focus: var(--lx-sky-500);
  --color-border-accent: var(--lx-yellow-500);
  --color-border-danger: var(--lx-orange-700);
  --color-action-primary: var(--lx-yellow-500);
  --color-action-primary-hover: var(--lx-yellow-600);
  --color-action-secondary: var(--lx-blue-500);
  --color-action-secondary-hover: var(--lx-blue-700);
  --color-icon-default: var(--lx-blue-900);
  --color-icon-brand: var(--lx-blue-500);
  --color-icon-accent: var(--lx-yellow-500);
  --color-icon-inverse: var(--lx-gray-0);
  --space-0: 0;
  --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-20: 80px;
  --space-24: 96px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --border-thin: 1px;
  --border-thick: 2px;
  --size-container: 1200px;
  --size-emblem-min: 36px;
  --size-emblem: 54px;
  --size-accent-line-w: 48px;
  --size-accent-line-h: 4px;

  /* Typographie — Roboto (police web officielle Lions) */
  --font-sans: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-serif: 'Libre Caslon Text', 'Adobe Caslon Pro', Times, serif;
  --gradient-brand: linear-gradient(90deg, #0D2240 0%, #00338D 55%, #7A2582 100%);
  --gradient-photo: linear-gradient(90deg, #7A2582 0%, #00338D 45%, rgba(0,51,141,.05) 100%);
  --shadow-card: 0 2px 8px rgba(13,34,64,.08), 0 1px 2px rgba(13,34,64,.06);
  --shadow-raised: 0 12px 32px -4px rgba(13,34,64,.14);
  --focus-ring: 0 0 0 3px #407CCA;
}