:root {
  --cg-bg: #f5f7fb;
  --cg-card: #ffffff;
  --cg-text: #1f2937;
  --cg-muted: #6b7280;
  --cg-primary: #1d4ed8;
  --cg-border: #e5e7eb;
  --cg-radius: 14px;
  --cg-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

* { box-sizing: border-box; }
body { color: var(--cg-text); }
.cg-card {
  background: var(--cg-card);
  border: 1px solid var(--cg-border);
  border-radius: var(--cg-radius);
  box-shadow: var(--cg-shadow);
  padding: 24px;
}
.cg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}
.cg-btn-primary { background: var(--cg-primary); color: #fff; }
.cg-btn-secondary { background: #fff; color: var(--cg-text); border-color: var(--cg-border); }

.cg-btn-sm { min-height: 34px; padding: 0 12px; font-size: 0.9rem; }