/* base (light) theme */
:root {
  /* colors */
  --color-bg: 249 250 251;       /* gray-50 */
  --color-text: 17 24 39;        /* gray-900 */
  --color-accent: 37 99 235;     /* blue-600 */
  --color-accent-hover: 30 64 175; /* blue-800 */
  --color-border: 229 231 235;   /* gray-200 */

  /* spacing */
  --spacing-container: 1rem;   /* p-4 */
  --spacing-section: 1.5rem;   /* mb-6 */
  --spacing-item-x: 0.75rem;   /* px-3 */
  --spacing-item-y: 0.5rem;    /* py-2 */

  /* typography */
  --font-heading: 1.125rem; /* text-lg */
  --font-body: 0.875rem;    /* text-sm */
}