:root {
  /* Colori */
  --color-bg: #0f0f12;
  --color-bg-elevated: #18181c;
  --color-surface: #1e1e24;
  --color-text: #e8e8ec;
  --color-text-muted: #9898a0;
  --color-accent: #5b8def;
  --color-accent-hover: #7aa3f5;
  --color-border: #2a2a32;

  /* Thumb dock - zona pollice */
  --thumb-size: 56px;
  --thumb-gap: 12px;
  --thumb-offset-right: 20px;
  --thumb-offset-bottom: 24px;
  --thumb-radius: 16px;
  --thumb-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);

  /* Pie menu - ruota circolare */
  --pie-wheel-size: 420px;
  --pie-viewport-height: 220px;
  --pie-item-width: 140px;
  --pie-item-height: 52px;
  --pie-item-radius: 12px;
  /* Colori per le chip (ruota) */
  --pie-color-1: #5b8def;
  --pie-color-2: #7b5dd4;
  --pie-color-3: #c95a8c;
  --pie-color-4: #d4783a;
  --pie-color-5: #2da86e;
  --pie-color-6: #2d8fa8;
  --pie-color-7: #e8b85c;
  --pie-color-8: #a85b8f;

  /* Task switcher - card anteprima */
  --switcher-card-width:  min(72vw, 280px);
  --switcher-card-height: min(50vh, 360px);
  --switcher-card-gap: 16px;
  --switcher-preview-scale: 0.22;

  /* Transizioni */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.3s;
}