/* ============================================================
   CSS VARIABLES (CUSTOM PROPERTIES)
   ============================================================ */

:root {
  /* Public / Light theme */
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;
  --bg-tertiary: #e8e8e8;
  --bg-active: #d0d0d0;
  --text-primary: #111111;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --border-primary: #ddd;
  --border-secondary: #ccc;
  
  /* Admin / Dark theme */
  --admin-bg: #1a1a1a;
  --admin-bg-alt: #242424;
  --admin-text: #e8e8e8;
  --admin-text-muted: #969696;
  --admin-border: #555;
  
  /* Shared colors */
  --success: #5cd69d;
  --error: #f25a5a;
  --warning: #fbca51;
  --accent-primary: #9557b5;
  --accent-secondary: #683d7f;
  --accent-foreground: #ffffff;
  --accent-muted: rgba(149, 87, 181, 0.12);
  --gradient-start: #3C856C;
  --gradient-2: #60ECB4;
  --gradient-3: #E390FF;
  --gradient-4: #9557B5;
}