:root {
  --base-clr:  #0f172a;
  --line-clr: #334154;
  --hover-clr: #0e293b;
  --text-clr: #f8fafc;
  --accent-clr: #93a3b8;
  --secondary-text-clr: #93a3b8;

  /* Blue Accent - slightly brighter for dark mode */
  --primary: #3b82f6;
  --primary-dark: #60a5fa;
  
  /* Dark Theme Colors */
  --bg-body: #0f172a;     /* Slate 900 */
  --bg-alt: #1e293b;      /* Slate 800 */
  --bg-card: #1e293b;     /* Slate 800 */
  --bg-dark: #020616;     /* Slate 950 */
  
  /* Text Colors */
  --text-main: #f8fafc;   /* Slate 50 */
  --text-muted: #a8aeb8;  /* Slate 400 */
  --text-light: #78879b;  /* Slate 500 */
  
  /* Borders */
  --border-color: #334154; /* Slate 700 */
  
  /* Skills Colors */
  --skill-go: #00add8;
  --skill-k7s: #326ce5;
  --skill-pg: #336790;
  --skill-sec: #ef4443;
  --skill-mgmt: #a77bfa;
}