/* ========================================
   RCBA DESIGN TOKENS
======================================== */

:root {
  /* Couleurs RCBA */

  --color-primary: #10207c;
  --color-primary-dark: #09124a;
  --color-primary-light: #e8ecff;

  --color-secondary: #27b314;
  --color-secondary-dark: #1e8a10;
  --color-secondary-light: #e8ffe4;

  --color-text: #1c2430;
  --color-text-light: #5e6773;

  --color-background: #ffffff;
  --color-background-alt: #f3f5f8;

  --color-border: #d9dfe7;

  --color-success: #16803c;
  --color-danger: #c62828;

  /* Typographie */

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 3.5rem;
  --font-size-d-display-1: 6rem;
  --font-size-d-display-2: 4.5rem;
  --font-size-d-headline-1: 3.5rem;
  --font-size-d-headline-2: 2.5rem;
  --font-size-d-headline-3: 1.75rem;
  --font-size-d-headline-4: 1.25rem;
  --font-size-d-subhead-1: 1.5rem;
  --font-size-d-subhead-2: 1.0625rem;
  --font-size-d-subhead-4: 0.8125rem;
  --font-size-d-overline-1: 0.875rem;
  --font-size-d-overline-2: 0.6875rem;
  --font-size-d-title-1: 4rem;
  --font-size-d-title-2: 3rem;
  --font-size-d-title-3: 2.5rem;
  --font-size-d-title-4: 2rem;
  --font-size-d-body-1: 2rem;
  --font-size-d-body-2: 1.5rem;
  --font-size-d-body-3: 1.0625rem;
  --font-size-d-body-4: 0.9375rem;
  --font-size-d-body-5: 0.8125rem;
  --font-size-d-paragraph-intro: 1.375rem;
  --font-size-d-paragraph: 1.0625rem;
  --font-size-d-bignumber-1: 1.5rem;
  --font-size-d-bignumber-1-extra: 1.375rem;
  --font-size-d-bignumber-2: 2.5rem;
  --font-size-d-bignumber-3: 1.5rem;
  --font-size-d-button-2: 0.8125rem;
  --font-size-d-misc-nav: 0.75rem;
  --font-size-d-misc-menu: 0.75rem;
  --font-size-d-misc-burger: 0.4375rem;
  --font-size-d-misc-tab: 0.9375rem;
  --font-size-m-display-1: 3rem;
  --font-size-m-display-2: 2.5rem;
  --font-size-m-headline-1: 2.125rem;
  --font-size-m-headline-2: 1.75rem;
  --font-size-m-headline-3: 1.375rem;
  --font-size-m-headline-4: 1.0625rem;
  --font-size-m-subhead-1: 1.25rem;
  --font-size-m-subhead-2: 0.9375rem;
  --font-size-m-subhead-3: 0.8125rem;
  --font-size-m-subhead-4: 0.6875rem;
  --font-size-m-subhead-5: 0.5625rem;
  --font-size-m-overline-1: 0.875rem;
  --font-size-m-overline-2: 0.6875rem;
  --font-size-m-title-1: 3rem;
  --font-size-m-title-2: 2.5rem;
  --font-size-m-title-3: 2rem;
  --font-size-m-title-4: 1.75rem;
  --font-size-m-body-1: 1.5rem;
  --font-size-m-body-2: 1.0625rem;
  --font-size-m-body-3: 0.9375rem;
  --font-size-m-body-4: 0.8125rem;
  --font-size-m-body-5: 0.6875rem;
  --font-size-m-paragraph-intro: 1.125rem;
  --font-size-m-paragraph: 0.9375rem;
  --font-size-m-bignumber-1: 1.5rem;
  --font-size-m-bignumber-1-extra: 1.25rem;
  --font-size-m-bignumber-2: 1.5rem;
  --font-size-m-bignumber-3: 1.125rem;
  --font-size-m-button-1: 0.9375rem;
  --font-size-m-button-2: 0.8125rem;
  --font-size-m-button-3: 0.6875rem;
  --font-size-m-misc-nav: 0.5625rem;
  --font-size-m-misc-tab: 0.6875rem;
  --font-size-m-misc-menu: 0.75rem;
  --font-size-m-misc-caption: 0.6875rem;

  --neutral-2: 250, 251, 252;
  --neutral-5: 242, 245, 248;
  --neutral-10: 230, 236, 241;
  --neutral-13: 222, 230, 236;
  --neutral-20: 204, 217, 226;
  --neutral-40: 153, 179, 198;
  --neutral-60: 79, 111, 135;
  --neutral-80: 106, 143, 171;
  --neutral-white: 255, 255, 255;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 800;

  --letter-spacing-none: 0rem;
  --letter-spacing-tight: 0.009375rem;
  --letter-spacing-normal: 0.03125rem;
  /* Espacements */

  --spacing: 0.25rem;
  --spacing-1: 0.5rem;
  --spacing-2: 1rem;
  --spacing-3: 1.5rem;
  --spacing-4: 2rem;
  --spacing-5: 3rem;
  --spacing-6: 4rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.5rem;
  --spacing-2xl: 2rem;
  --spacing-3xl: 3.5rem;
  --spacing-4xl: 4.5rem;
  --spacing-5xl: 6rem;

  --breakpoint-sm: 45rem;
  --breakpoint-md: 64rem;
  --breakpoint-lg: 80rem;
  --breakpoint-xl: 90rem;
  --spacing-club-container: 79.25rem;
  --spacing-club-padding: 5.375rem;
  /* Layout */

  --container-width: 1200px;
  --container-padding: 1rem;

  --header-height: 72px;

  /* Radius */

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-full: 999px;

  /* Ombres */

  --shadow-sm: 0 1px 3px rgb(0 0 0 / 0.08);
  --shadow-md: 0 8px 24px rgb(16 32 124 / 0.15);

  --transition: 0.2s ease;

  --animate-hero-image: hero-image var.75s cubic-bezier(0.3, 0, 0, 1);
  --animate-reveal-text-vertical: reveal-text-vertical 0.75s
    cubic-bezier(0.3, 0, 0, 1) forwards;

  --line-height-100: 100%;
  --line-height-110: 110%;
  --line-height-120: 120%;
  --line-height-130: 130%;
  --line-height-170: 170%;

  --next-font-virage-narrow: virageNarrow, Helvetica, Arial, sans-serif;
  --next-font-virage-condensed:
    "Virage Condensed", Helvetica, Arial, sans-serif;
  --font-virage-narrow: var(--next-font-virage-narrow);
  --font-virage-condensed: var(--next-font-virage-condensed);
  --font-virage: "Virage", Helvetica, Arial, sans-serif;
  --font-size-m-button-1: 0.9375rem;
  --animate-fade-in: fade-in var(--duration-medium-2) var(--ease-standard)
    forwards;
  --animate-image-scale-in: image-scale-in var(--duration-medium-3)
    var(--ease-standard) forwards;
  --animate-slide-in-fade-up: slide-in-fade-up var(--duration-medium-3)
    var(--ease-standard) forwards;
  --ease-standard: cubic-bezier(0.3, 0, 0, 1);

  --duration-long-1: 1s;
  --duration-medium-3: 0.75s;
  --duration-medium-2: 0.5s;
  --duration-medium-1: 0.3s;
  --duration-short-2: 0.15s;
  --duration-short-1: 0.1s;
  --duration-instant: 25ms;

  --ease-standard: cubic-bezier(0.3, 0, 0, 1);
}