/* ============================================================
   Orchestrator v7.5 — design tokens (DARK + Outfit)
   ============================================================ */
:root{
  /* Backgrounds — dark warm (not pure black) */
  --bg-paper:    #131210;   /* page */
  --bg-surface:  #1B1916;   /* cards */
  --bg-elevated: #232019;   /* modals, popovers */
  --bg-subtle:   #28251D;   /* hover / secondary */

  /* Inks — light cream hierarchy */
  --ink-primary:   #F4EFE5;   /* near-cream */
  --ink-secondary: #B5AC9C;   /* WCAG AA on bg-paper */
  --ink-mute:      #847C71;

  /* Borders */
  --border:        #2D2A23;
  --border-2:      #24211B;
  --border-strong: #3A372F;

  /* 2026-05-13 — palette "vivid dark" (Paul: couleurs plus vives) */
  /* Single accent — terre cuite vibrante */
  --accent:        #F08850;
  --accent-2:      #FFA571;
  --accent-bg:     #44261A;

  /* Semantic (dark variants — bumped saturation) */
  --success:    #5FCA52;
  --success-bg: #1F2D1A;
  --warning:    #F2B84A;
  --warning-bg: #362816;
  --danger:     #F25438;
  --danger-bg:  #391A12;
  --info:       #56A8F2;
  --info-bg:    #1A2738;

  /* Project colors — vivid (chaque projet doit pop sur dark warm) */
  --p-1:  #F2492C;   /* terre cuite vive */
  --p-2:  #4D9CF2;   /* bleu electric */
  --p-3:  #5FCA52;   /* vert sauge vif */
  --p-4:  #FBB940;   /* ocre/jaune vif */
  --p-5:  #B57DF2;   /* violet lavande */
  --p-6:  #36C2E0;   /* teal vif */
  --p-7:  #E37340;   /* brun chaud */
  --p-8:  #4EE0AB;   /* eucalyptus vif */
  --p-9:  #E69E40;   /* tabac vif */

  /* Fonts — Outfit everywhere + JetBrains Mono for data */
  --sans:  "Outfit", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --display: "Outfit", "Helvetica Neue", sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, Menlo, monospace;
  /* Backward compat for tabs still referencing --serif */
  --serif: "Outfit", "Helvetica Neue", sans-serif;

  /* Radii — Airbnb-y soft */
  --r-xs:   8px;
  --r-sm:   10px;
  --r:      14px;
  --r-md:   18px;
  --r-lg:   24px;
  --r-full: 999px;

  /* Spacing */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;
  --s-4: 16px;  --s-5: 20px;  --s-6: 24px;
  --s-8: 32px;  --s-10: 40px; --s-12: 48px;
  --s-16: 64px;

  /* Shadows — for dark, use deeper black */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.30);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.32), 0 1px 2px rgba(0,0,0,0.20);
  --shadow-md: 0 10px 28px -8px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.30);
  --shadow-lg: 0 20px 56px -16px rgba(0,0,0,0.70), 0 4px 12px rgba(0,0,0,0.35);
}

/* default styles favor dark color-scheme */
html { color-scheme: dark; }