/* ============================================================
   SHUFFLE DRUMMER — Design tokens
   Toutes les valeurs de couleur/rayon répétées sont centralisées
   ici. Ne jamais hardcoder ces valeurs dans les autres fichiers.
   ============================================================ */
:root {
  /* Accent (orange) */
  --accent: #ff7a1a;
  --accent-bright: #ff9440;
  --accent-light: #ffb066;
  --accent-deep: #e8650f;
  --accent-dim: #ff7a1a66;
  --accent-dim-strong: #ff7a1a88;
  --accent-glow-40: rgba(255,122,26,0.4);

  /* Status colors */
  --danger: #ff5040;
  --danger-dim: #ff504066;
  --success: #6adf6a;

  /* Surfaces (machine body) */
  --surface-dark: #1a1612;
  --surface-mid: #a8a49c;
  --surface-mid2: #9e9a92;
  --surface-light: #cac6be;
  --surface-light2: #b4b0a8;
  --border-color: #a8a49e;

  /* Metals (knobs / SSL comp / sequencer chrome) */
  --metal-dark: #3a3b3f;
  --metal-mid: #5a5b60;

  /* Text */
  --text-primary: #1a1612;
  --text-knob: #252018;
  --text-deep: #2e2922;
  --text-muted: #8a7a6a;
  --smp-text: #8a8a96;

  /* Misc borders/buttons */
  --btn-light: #bab6ae;
  --btn-shadow: #969290;
  --muted-border: #9a9690;
  --fader-slot: #8a8682;
  --rec-shadow: #7a1008;

  /* Base */
  --white: #fff;
  --black: #000;

  /* Shadows */
  --led-shadow: rgba(255,122,26,0.6);
  --shadow-deep: rgba(0,0,0,0.5);
  --shadow-strong: rgba(0,0,0,0.6);
  --shadow-darker: rgba(0,0,0,0.7);
  --shadow-55: rgba(0,0,0,0.55);
  --highlight-20: rgba(255,255,255,0.2);

  /* Radii */
  --border-radius-machine: 16px;
  --border-radius-panel: 12px;
}