/* Canarics design tokens — single source of truth for brand colors.
   Linked from every page (dashboard, landing, insights, quote, auth).
   Page layout vars (--sidebar-width, --maxw, …) stay in each page's own <style>.
   pitch.html keeps its own dark deck theme on purpose. */
:root {
    /* Typography — pages load the weights they need via their own <link>,
       these tokens only carry the family identity. */
    --font-sans: 'Geist', system-ui, sans-serif;
    --font-mono: 'Geist Mono', ui-monospace, monospace;

    /* Brand */
    --primary: #5D5FEF;
    --primary-dark: #4B4DCE;
    --primary-light: #EEF2FF;
    --indigo: #5D5FEF;      /* alias of --primary, used by marketing pages */
    --indigo-2: #4B4DCE;
    --indigo-soft: #EEF2FF;
    --canary: #FCD442;
    --canary-soft: #FEF3C7;
    --teal: #15C4AD;
    --amber: #F59E0B;

    /* Neutrals */
    --navy: #0F172A;
    --navy-2: #1E293B;
    --slate-700: #334155;
    --slate-600: #475569;
    --slate-500: #64748B;
    --slate-400: #94A3B8;
    --slate-300: #CBD5E1;
    --slate-200: #E2E8F0;
    --slate-100: #F1F5F9;
    --slate-50: #F8FAFC;
    --white: #ffffff;

    /* Status */
    --success: #10B981;
    --success-bg: #ECFDF5;
    --warning: #F59E0B;
    --warning-bg: #FFFBEB;
    --danger: #EF4444;
    --danger-bg: #FEF2F2;
}