:root {
  /* Primary (buttons, highlights) */
  --primary: #212121;          /* very dark gray instead of pure black */
  --primary-foreground: #ffffff; /* text on primary */
  
  /* Secondary (buttons, highlights) */
  --secondary: #ffffff;          /* very dark gray instead of pure black */
  --secondary-foreground: #212121; /* text on primary */

  /* Text */
  --text: #1f2937;             /* dark gray for main text */
  --text-muted: #6b7280;       /* medium gray for secondary text */

  /* Backgrounds */
  --bg: #ffffff;               /* page background */
  --bg-muted: #f9fafb;         /* subtle background for cards/sections */

  /* Borders & shadow */
  --border: #e5e7eb;           /* light gray border */
  --shadow: 0 1px 2px rgba(0,0,0,0.05);

  /* Hover / interactive states */
  --primary-hover: #424242;    /* slightly lighter dark gray */
  --secondary-hover: #ededed;    /* slightly lighter dark gray */
  --hover-bg: #f3f4f6;         /* subtle hover background */
  
  --danger: #ef4444;         /* red for destructive actions */
  --danger-hover: #f87171;   /* lighter red on hover */
}