Untitled

:root{
  --bg-gradient: linear-gradient(180deg,#f7fafc 0%, #e2e8f0 100%);
  --card-bg: rgba(255,255,255,0.8);
  --accent-sprues: #22c55e;    /* green-ish */
  --accent-males: #f97316;     /* orange-ish */
  --text: #1e293b;             /* dark text */
  --muted: #475569;            /* medium muted text */
  --glass: rgba(255,255,255,0.5);
  --focus: 3px rgba(34,197,94,0.3); /* softer focus */
  --shadow: 0 6px 20px rgba(100,116,139,0.3); /* light shadow */
  --danger: #ef4444;
  --success: #10b981;
  --ring-width: 12;
  --max-width: 1200px;
}