/* ============================================
   BVJ CRM — Design Tokens
   Loaded on every CRM page including the editor.
   Referenced by both crm.css and editor.css.
   ============================================ */

:root {
    --crm-sidebar-width:  230px;
    --crm-topbar-height:  56px;

    /* Backgrounds */
    --crm-colour-bg:             #080f18;
    --crm-colour-surface:        #1c2e41;
    --crm-colour-surface-raised: #102030;
    --crm-colour-sidebar:        #060d16;

    /* Borders */
    --crm-colour-border:         rgba(255,255,255,0.08);
    --crm-colour-border-strong:  rgba(255,255,255,0.14);

    /* Text */
    --crm-colour-text:           #dde4f0;
    --crm-colour-text-muted:     #7a8799;

    /* Navigation */
    --crm-colour-nav-hover:      rgba(255,255,255,0.05);
    --crm-colour-nav-active-bg:  rgba(0,210,180,0.1);
    --crm-colour-nav-active:     #00d4b4;

    /* Accent */
    --crm-colour-primary:        #00c9a7;
    --crm-colour-primary-hover:  #00e5c3;
    --crm-gradient-primary:      linear-gradient(135deg, #00c9a7 0%, #0ea5e9 100%);
    --crm-gradient-primary-hover:linear-gradient(135deg, #00e0bc 0%, #38bdf8 100%);
    --crm-glow-primary:          0 0 20px rgba(0,200,168,0.28);
    --crm-glow-primary-hover:    0 0 32px rgba(0,200,168,0.42);

    /* Danger */
    --crm-colour-error:          #f87171;
    --crm-colour-error-bg:       rgba(248,113,113,0.1);

    --crm-radius:    6px;
    --crm-shadow-sm: 0 1px 4px rgba(0,0,0,0.3);
    --crm-shadow-md: 0 8px 32px rgba(0,0,0,0.45);

    --crm-font:      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --crm-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}