/* vars.css — design tokens */
:root {
  /* Palette */
  --bg:        #030609;
  --bg-card:   #070d12;
  --bg-card2:  #0a1520;
  --border:    rgba(0,245,255,0.13);
  --border-hi: rgba(0,245,255,0.45);

  --cyan:   #00f5ff;
  --green:  #39ff14;
  --pink:   #ff00aa;
  --orange: #ff6b00;
  --purple: #bf00ff;
  --yellow: #ffe600;
  --red:    #ff3366;

  --text-1: #dff0ff;
  --text-2: #7599b8;
  --text-3: #3a5568;

  /* Typography */
  --font-display: 'Orbitron', monospace;
  --font-mono:    'Share Tech Mono', monospace;
  --font-body:    'Exo 2', sans-serif;

  /* Sizing */
  --radius:  4px;
  --radius-lg: 10px;
  --gap:     1.5rem;
  --max-w:   1280px;

  /* Transitions */
  --ease: cubic-bezier(0.22, 0.9, 0.36, 1);
  --dur:  0.22s;

  /* Language colors */
  --lang-html:       #e34c26;
  --lang-css:        #563d7c;
  --lang-javascript: #f1e05a;
  --lang-python:     #3572A5;
  --lang-java:       #b07219;
  --lang-typescript: #2b7489;
  --lang-cpp:        #f34b7d;
  --lang-c:          #555555;
  --lang-shell:      #89e051;
  --lang-kotlin:     #A97BFF;
  --lang-default:    #00f5ff;
}