/**
 * Kōdō Design System - Spectre Astral Color Palette
 * Extracted from veza_frontend_web_v2
 */

export const colors = {
    // Core Backgrounds
    void: 'rgb(11 12 16)',        // #0B0C10 Nadir Black
    ink: 'rgb(23 25 35)',          // Darker Blue-Grey for panels
    graphite: 'rgb(31 40 51)',     // #1F2833 Graphite Blue
    slate: 'rgb(44 54 67)',        // Surface Elevated
    steel: 'rgb(59 69 84)',        // Borders

    // Accents
    cyan: 'rgb(102 252 241)',      // #66FCF1 Spectral Cyan
    'cyan-dim': 'rgb(69 162 158)', // #45A29E Anodized Turquoise
    magenta: 'rgb(138 126 164)',   // #8A7EA4 Astral Lavender
    orange: 'rgb(230 184 156)',    // #E6B89C Soft Ember

    // Utility Colors
    lime: 'rgb(54 229 209)',       // Muted Teal/Green for Success
    gold: 'rgb(234 179 8)',        // Refined Gold
    red: 'rgb(230 57 70)',         // #E63946 Error

    // Text
    primary: 'rgb(243 243 224)',   // #F3F3E0 Quiet Paper
    secondary: 'rgb(156 163 175)', // Gray-400
} as const;

export type KodoColor = keyof typeof colors;

export const cssVariables = `
:root {
  /* SPECTRE ASTRAL PALETTE */
  --kodo-void: 11 12 16;
  --kodo-ink: 23 25 35;
  --kodo-graphite: 31 40 51;
  --kodo-slate: 44 54 67;
  --kodo-steel: 59 69 84;
  
  --kodo-cyan: 102 252 241;
  --kodo-cyan-dim: 69 162 158;
  --kodo-magenta: 138 126 164;
  --kodo-orange: 230 184 156;
  
  --kodo-lime: 54 229 209;
  --kodo-gold: 234 179 8;
  --kodo-red: 230 57 70;
  
  --kodo-text-main: 243 243 224;
  --kodo-content-highlight: 255 255 255;
  --kodo-content-dim: 156 163 175;
}
`;
