/*
  Shared design tokens for cheesecaked.tech.
  Every page links this before its own page-specific stylesheet/inline
  <style> block, which should consume these custom properties instead of
  repeating literal color/font values.
*/

:root {
  /* Backgrounds */
  --bg-deep: #050814;
  --bg: rgba(4, 12, 22, .76);
  --bg-panel: rgba(9, 18, 34, .78);

  /* Borders / dividers */
  --line: rgba(96, 165, 250, .22);
  --line2: rgba(45, 212, 191, .28);

  /* Text */
  --text: #eaf6ff;
  --muted: rgba(234, 246, 255, .66);

  /* Accent palette */
  --blue-deep: #2563eb;
  --blue-deep-rgb: 37, 99, 235;
  --blue: #60a5fa;
  --blue-rgb: 96, 165, 250;
  --cyan: #2dd4bf;
  --cyan-rgb: 45, 212, 191;
  --green: #22c55e;
  --green-rgb: 34, 197, 94;
  --red: #ef4444;
  --red-rgb: 239, 68, 68;
  --yellow: #facc15;
  --yellow-rgb: 250, 204, 21;

  /* Fonts */
  --font-heading: 'Orbitron', sans-serif;
  --font-body: 'Fira Code', monospace, Arial, sans-serif;

  /* Shape */
  --radius: 18px;
  --shadow: 0 18px 40px rgba(0, 0, 0, .7);
}