/* ACCSLive — Design tokens (issus du design system v1.0.0) */
:root {
  /* Couleurs — marque */
  --acc-orange: #FC7806;
  --acc-orange-ink: #D8650A;
  /* Encre */
  --acc-ink: #16130F;
  --acc-ink-2: #3A352F;
  --acc-muted: #6E675E;
  --acc-dark: #100E0B;
  --acc-black: #000000;
  /* Surfaces */
  --acc-bg: #FFFFFF;
  --acc-bg-soft: #F5F3EF;
  --acc-bg-soft-2: #EFEBE4;
  /* Lignes */
  --acc-line: #E7E2D9;
  --acc-line-2: #D8D2C7;
  /* Feedback */
  --acc-error: #D33333;
  /* Sur fond sombre */
  --acc-on-dark-text: #FFFFFF;
  --acc-on-dark-muted: #A59E92;
  --acc-on-dark-subtle: #857F75;
  --acc-on-dark-border: rgba(255,255,255,0.12);

  /* Typographie */
  --acc-font-display: 'Archivo', sans-serif;
  --acc-font-body: 'Hanken Grotesk', sans-serif;

  /* Espacements */
  --acc-xs: 8px;
  --acc-sm: 14px;
  --acc-md: 22px;
  --acc-lg: 32px;
  --acc-xl: 60px;
  --acc-section-py: 108px;
  --acc-section-py-mobile: 78px;
  --acc-wrap-px: 32px;
  --acc-wrap-px-mobile: 22px;

  /* Rayons — arrondis généreux, en écho à la navbar pill */
  --acc-r-sharp: 8px;
  --acc-r-base: 12px;
  --acc-r-card: 18px;
  --acc-r-soft: 22px;
  --acc-r-pill: 100px;
  --acc-r-round: 50%;

  /* Ombres */
  --acc-sh-header: 0 6px 30px -22px rgba(0,0,0,0.5);
  --acc-sh-play: 0 14px 40px -10px rgba(252,120,6,0.6);
  --acc-sh-card-hover: 0 22px 50px -24px rgba(252,120,6,0.45);
  --acc-sh-menu: -30px 0 60px -30px rgba(0,0,0,0.4);
  --acc-focus-ring: 0 0 0 4px rgba(252,120,6,0.16);
  --acc-glow: 0 0 0 1px rgba(252,120,6,0.4), 0 0 24px -4px rgba(252,120,6,0.55);

  /* Layout */
  --acc-max: 1240px;
  --acc-header-h: 84px;
  --acc-header-h-scrolled: 70px;

  /* Motion */
  --acc-t-fast: 0.18s ease;
  --acc-t-base: 0.25s ease;
  --acc-t-slow: 0.35s cubic-bezier(0.5,0.1,0.2,1);
}