/* =========================================================
   BASE / DESIGN SYSTEM
========================================================= */
:root {
  --brand: #111111;
  --brand-rgb: 17, 17, 17;
  --brand-text: #111111;

  --card-bg: #ffffff;
  --text: #111;
  --muted: #666;
  --border: #e5e5e5;

  --bg: #ffffff;

  --brand-fill: rgba(var(--brand-rgb), 0.1);
  --brand-border: rgba(var(--brand-rgb), 0.3);

  --success: #16a34a;
  --error: #dc2626;
}

/* =========================================================
   GLOBAL BASE STYLES
========================================================= */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background:
    radial-gradient(circle at 20% 0%, rgba(0,0,0,0.03), transparent 60%),
    #f8f8f8;
  margin:0;
  color:var(--text);
}

/* Mobile background simplification */
@media (max-width: 768px) {
  body {
    background: #f4f4f4;
  }
}