:root {
  /* Braun-inspired palette */
  --bone: #e8e2d6;
  --bone-dark: #d4cdc0;
  --concrete: #c8c0b2;
  --charcoal: #2a2a2a;
  --charcoal-light: #3d3d3d;
  --charcoal-deep: #1a1a1a;
  --accent-orange: #e85d04;
  --accent-orange-glow: #ff6b1a;
  --led-green: #39ff14;
  --led-green-dim: #2acc10;
  --red-button: #c41e1e;
  --red-button-dark: #8b0000;
  --shadow-machined: 0 2px 0 rgba(0, 0, 0, 0.25), 0 4px 8px rgba(0, 0, 0, 0.15);
  --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  --shadow-pressed: inset 0 3px 6px rgba(0, 0, 0, 0.4);

  /* Typography */
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Spacing */
  --gap-xs: 0.25rem;
  --gap-sm: 0.5rem;
  --gap-md: 1rem;
  --gap-lg: 1.5rem;
  --gap-xl: 2rem;

  /* Panel */
  --panel-radius: 12px;
  --widget-radius: 6px;

  /* Motion */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 120ms;
  --duration-normal: 250ms;
  --duration-slow: 500ms;
}