/* =========================================================================
   YorkHost Design Tokens — importés du design system (colors_and_type.css)
   Source : claude.ai/design — CHARTE_GRAPHIQUE.md
   ========================================================================= */
:root {
  /* Brand */
  --yh-violet-light:  #BC5EF2;
  --yh-violet:        #763BD4;
  --yh-violet-deep:   #251073;
  --yh-violet-dark:   #935bf0;

  /* Neutrals */
  --yh-bg:            #F5F5F6;
  --yh-bg-soft:       #E8E6ED;
  --yh-white:         #FFFFFF;
  --yh-ink:           #232323;
  --yh-ink-muted:     #6B7280;
  --yh-border:        #E2DFE8;
  --yh-border-violet: rgba(118, 59, 212, 0.20);

  /* Semantic */
  --fg1: var(--yh-ink);
  --fg2: var(--yh-ink-muted);
  --yh-success: #10B981;
  --yh-warning: #F59E0B;
  --yh-danger:  #EF4444;

  /* Gradients */
  --yh-gradient-full:   linear-gradient(to bottom, #BC5EF2, #763BD4, #251073);
  --yh-gradient-banner: linear-gradient(to right, #763BD4, #BC5EF2);

  /* Shadows — désactivées (design plat, relief via bordures) */
  --yh-shadow-sm:    none;
  --yh-shadow-md:    none;
  --yh-shadow-lg:    none;
  --yh-shadow-hover: none;
  --yh-shadow-xl:    none;

  /* Radii */
  --yh-radius-sm:   6px;
  --yh-radius-md:   8px;
  --yh-radius-lg:   16px;
  --yh-radius-pill: 9999px;

  /* Type */
  --font-sans: 'Rubik', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Transitions */
  --yh-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --yh-dur-fast: 150ms;
  --yh-dur-base: 200ms;
}

/* =========================================================================
   Base layer — fond de page blanc (cartes délimitées par bordures + ombres)
   ========================================================================= */
body,
body .body-content,
body .section-main {
  background: var(--yh-white) !important;
}