// ─────────────────────────────────────────────────────────────────────────────
// Component: Primitives
// File:      src/scss/theme/_primitives.scss
//
// Raw named color values. No semantic meaning — these are the atoms that
// _tokens.scss composes into design decisions.
//
// Notes:     Never reference these directly in component or page files.
//            Always go through a token.
// ─────────────────────────────────────────────────────────────────────────────

// Void scale
$void-900: #07070f;
$void-800: #0d1117;
$void-700: #161b22;
$void-600: #1c1c2e;
$void-500: #21213a;
$void-400: #2a2a42;

// Spectral spectrum (cold → hot)
$spectral-blue:      #60a5fa;
$spectral-indigo:    #818cf8;
$spectral-violet:    #a78bfa;
$spectral-lavender:  #c084fc;
$spectral-fuchsia:   #e879f9;

// Intensity palette (canvas / heatmap)
$intensity-0: #0d0d1a;
$intensity-1: #1e1b4b;
$intensity-2: #4c1d95;
$intensity-3: #7c3aed;
$intensity-4: #a855f7;

// Semantic colors
$green:   #3fb950;
$amber:   #d29922;
$red:     #f87171;
$red-hot: #ff2244;
$orange:  #f0883e;
$teal:    #2dd4bf;
$slate:   #64748b;

// Text
$text-brightest: #e2e8f0;
$text-mid:       #94a3b8;
$text-dim:       #4a5568;
$text-ghost:     #2d3748;

// Pure
$white: #ffffff;
$black: #000000;