/* Codexxa Design System - styles.css (token imports)
   This file is imported by pages for shared tokens.
   The full CSS is inlined in index.html for this single-page site.
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --cx-navy:           #202060;
  --cx-navy-900:       #15143d;
  --cx-navy-800:       #1a1a52;
  --cx-navy-700:       #202060;
  --cx-navy-600:       #2d2d7a;
  --cx-navy-500:       #3d3d99;
  --cx-navy-400:       #6868b8;
  --cx-navy-300:       #9e9ed4;
  --cx-navy-200:       #cfcfe8;
  --cx-navy-100:       #e8e8f5;
  --cx-navy-50:        #f4f4fb;

  --cx-orange:         #F08030;
  --cx-orange-900:     #7a3d0f;
  --cx-orange-800:     #a2521c;
  --cx-orange-700:     #c46524;
  --cx-orange-600:     #e07828;
  --cx-orange-500:     #F08030;
  --cx-orange-400:     #f59858;
  --cx-orange-300:     #f8b585;
  --cx-orange-200:     #fbd4b6;
  --cx-orange-100:     #fde8d4;
  --cx-orange-50:      #fef5ec;

  --cx-slate-900:      #1d1d2b;
  --cx-slate-800:      #2a2a3a;
  --cx-slate-700:      #404052;
  --cx-slate-600:      #5a5a6e;
  --cx-slate-500:      #7a7a8e;
  --cx-slate-400:      #a0a0b0;
  --cx-slate-300:      #c4c4d0;
  --cx-slate-200:      #e1e1e8;
  --cx-slate-100:      #eef0f4;
  --cx-slate-50:       #f7f8fb;
  --cx-white:          #ffffff;
  --cx-ink:            #0f0f1f;

  --cx-success:        #1faa6b;
  --cx-success-soft:   #e6f7ef;

  --font-display:      'Poppins', 'Segoe UI', system-ui, sans-serif;
  --font-body:         'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono:         'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
}

/* Minimal base styles - full styles are inlined in index.html */
*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-body); color: var(--cx-ink); }