/* ===== SHARED CSS VARIABLES ===== */
:root {
  /* Common colors */
  --pcg-green: #66bb6a;
  --pcg-green-dark: #43a047;
  --pcg-red: #ef5350;
  --pcg-red-dark: #e53935;
  --pcg-orange: #ff9800;
  --pcg-orange-dark: #f57c00;
  --pcg-blue: #42a5f5;
  --pcg-blue-dark: #1e88e5;

  /* Layout */
  --pcg-touch-min: 44px;
  --pcg-radius-card: 16px;
  --pcg-radius-pill: 50px;

  /* Shadows */
  --pcg-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);
  --pcg-shadow-md: 0 3px 8px rgba(0, 0, 0, 0.15);
  --pcg-shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.3);

  /* Easing */
  --pcg-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --pcg-ease-overshoot: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* ===== BASE RESET ===== */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}