:root {
  --bg-page: #eee;
  --bg-surface: #fff;
  --bg-muted: #f8f8f8;
  --bg-hover: #eee;

  --brand: #377ba8;
  --text: #333;
  --text-muted: #666;

  --border: #ccc;
  --border-light: #eee;

  --danger: #b3261e;
  --danger-hover: #9e1f18;
  --success: #2e7d32;
  --warning: #b36b00;

  --radius: 6px;

  --pad-1: 8px;
  --pad-2: 10px;
  --pad-3: 12px;

  --gap-1: 6px;
  --gap-2: 10px;
  --gap-3: 12px;
  --gap-4: 16px;

  --max-width: 960px;
  --mobile: 720px;
  --tablet: 900px;

  --control-h: 38px;
  --control-pad-y: 8px;
  --control-pad-x: 10px;
}