/**
 * Oguey MVM — Design Tokens (CSS Custom Properties)
 * Source : Figma OGUEY V1
 */

:root {
  /* ====== Colors — Primary (bleu Oguey) ====== */
  --oguey-primary-50:  #F4F8FE;
  --oguey-primary-100: #E8F0FC;
  --oguey-primary-200: #D2E2F9;
  --oguey-primary-300: #B2CDF6;
  --oguey-primary-400: #86B3F7;
  --oguey-primary-500: #5592EC;
  --oguey-primary-600: #2C75DE;
  --oguey-primary-700: #225FBA;
  --oguey-primary-800: #1A4D9B;
  --oguey-primary-900: #143F84;  /* Brand color — boutons, accents */
  --oguey-primary-950: #082351;  /* Deep — H1/H2, footer overlay */

  /* ====== Colors — Neutral ====== */
  --oguey-neutral-50:  #FAFAFA;
  --oguey-neutral-100: #F4F4F4;
  --oguey-neutral-200: #E4E4E4;
  --oguey-neutral-300: #D0D0D0;
  --oguey-neutral-400: #949494;
  --oguey-neutral-500: #686868;
  --oguey-neutral-600: #464646;
  --oguey-neutral-700: #2F2F2F;
  --oguey-neutral-800: #131313;
  --oguey-neutral-900: #030303;
  --oguey-neutral-950: #000000;

  /* ====== Colors — Semantic aliases ====== */
  --oguey-color-brand:        var(--oguey-primary-900);   /* #143F84 */
  --oguey-color-brand-deep:   var(--oguey-primary-950);   /* #082351 */
  --oguey-color-link:         var(--oguey-primary-900);
  --oguey-color-link-hover:   var(--oguey-primary-950);
  --oguey-color-text:         var(--oguey-neutral-700);
  --oguey-color-text-muted:   var(--oguey-neutral-500);
  --oguey-color-heading:      var(--oguey-primary-950);
  --oguey-color-bg:           #FFFFFF;
  --oguey-color-bg-alt:       var(--oguey-neutral-50);
  --oguey-color-cream:        #F7F2E9;   /* Fond sections « pourquoi », volet documentation */
  --oguey-color-border:       var(--oguey-neutral-300);
  --oguey-color-footer-bg:    rgba(8, 35, 81, 0.96);

  /* ====== Typography — Familles ====== */
  --oguey-font-heading: 'Playfair Display SC', Georgia, serif;
  --oguey-font-body:    'Raleway', system-ui, -apple-system, sans-serif;

  /* ====== Typography — Tailles fluides ====== */
  --oguey-fs-hero-h1:     clamp(2rem, 4vw + 1rem, 3.125rem);
  --oguey-fs-hero-h2:     clamp(1.375rem, 2.5vw + 0.5rem, 2.1875rem);
  --oguey-fs-hero-p:      clamp(1rem, 1vw + 0.75rem, 1.25rem);
  --oguey-fs-body-h1:     clamp(1.5rem, 2vw + 0.75rem, 2rem);
  --oguey-fs-section:     clamp(1.625rem, 2.5vw + 0.5rem, 2.1875rem);
  --oguey-fs-body:        clamp(1rem, 0.5vw + 0.875rem, 1.125rem);
  --oguey-fs-card-title:  clamp(1.125rem, 0.5vw + 1rem, 1.25rem);
  --oguey-fs-card-p:      0.875rem;
  --oguey-fs-button:      1rem;
  --oguey-fs-menu:        1rem;

  /* ====== Typography — Line height & spacing ====== */
  --oguey-lh-tight:   1.2;
  --oguey-lh-snug:    1.3;
  --oguey-lh-normal:  1.5;
  --oguey-lh-loose:   1.7;
  --oguey-lh-body:    1.755;

  --oguey-ls-tight:   -0.01em;
  --oguey-ls-normal:  0;
  --oguey-ls-wide:    0.5px;
  --oguey-ls-wider:   1px;

  /* ====== Spacing (échelle 4 / 8) ====== */
  --oguey-space-1:    0.25rem;
  --oguey-space-2:    0.5rem;
  --oguey-space-3:    0.75rem;
  --oguey-space-4:    1rem;
  --oguey-space-5:    1.25rem;
  --oguey-space-6:    1.5rem;
  --oguey-space-8:    2rem;
  --oguey-space-10:   2.5rem;
  --oguey-space-12:   3rem;
  --oguey-space-16:   4rem;
  --oguey-space-20:   5rem;
  --oguey-space-24:   6rem;
  --oguey-space-32:   8rem;

  /* ====== Layout ====== */
  --oguey-container-width:           1320px;
  --oguey-container-padding:         var(--oguey-space-6);
  --oguey-container-padding-mobile:  var(--oguey-space-4);

  --oguey-bp-mobile:     767px;
  --oguey-bp-tablet:     1024px;
  --oguey-bp-laptop:     1366px;

  /* ====== Radius ====== */
  --oguey-radius-none:  0;
  --oguey-radius-sm:    4px;
  --oguey-radius-md:    8px;
  --oguey-radius-lg:    12px;
  --oguey-radius-xl:    16px;
  --oguey-radius-full:  9999px;

  /* ====== Shadows ====== */
  --oguey-shadow-sm:    0 1px 2px rgba(8, 35, 81, 0.06);
  --oguey-shadow-md:    0 4px 12px rgba(8, 35, 81, 0.08);
  --oguey-shadow-lg:    0 12px 32px rgba(8, 35, 81, 0.12);
  --oguey-shadow-focus: 0 0 0 3px rgba(20, 63, 132, 0.2);

  /* ====== Transitions ====== */
  --oguey-transition-fast:    150ms ease-in-out;
  --oguey-transition-normal:  250ms ease-in-out;
  --oguey-transition-slow:    400ms ease-in-out;
}