/* VIS RFQ — Design Tokens */

:root {
    /* Colors — warm industrial palette */
    --c-primary: #1a365d;       /* deep navy — headers, sidebar */
    --c-primary-light: #2a4a7f;
    --c-primary-dark: #0f2440;
    --c-accent: #e74c3c;        /* red — alerts, badges, CTAs */
    --c-accent-light: #ff6b5b;
    --c-success: #27ae60;
    --c-warning: #f39c12;
    --c-error: #e74c3c;
    --c-info: #3498db;

    /* Neutrals */
    --c-bg: #f5f6fa;
    --c-surface: #ffffff;
    --c-surface-hover: #f0f1f5;
    --c-border: #e1e4ea;
    --c-border-light: #eef0f4;
    --c-text: #2c3e50;
    --c-text-secondary: #7f8c8d;
    --c-text-muted: #bdc3c7;

    /* Confidence colors */
    --c-conf-high: #27ae60;
    --c-conf-medium: #f39c12;
    --c-conf-low: #e74c3c;

    /* Status colors */
    --c-status-new: #3498db;
    --c-status-extracting: #f39c12;
    --c-status-extracted: #9b59b6;
    --c-status-quoted: #2ecc71;
    --c-status-approved: #27ae60;
    --c-status-rejected: #e74c3c;
    --c-status-archived: #95a5a6;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    --fs-xs: 0.6875rem;   /* 11px */
    --fs-sm: 0.75rem;     /* 12px */
    --fs-base: 0.875rem;  /* 14px */
    --fs-md: 1rem;        /* 16px */
    --fs-lg: 1.25rem;     /* 20px */
    --fs-xl: 1.5rem;      /* 24px */

    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* Spacing */
    --sp-1: 0.25rem;
    --sp-2: 0.5rem;
    --sp-3: 0.75rem;
    --sp-4: 1rem;
    --sp-5: 1.25rem;
    --sp-6: 1.5rem;
    --sp-8: 2rem;
    --sp-10: 2.5rem;
    --sp-12: 3rem;

    /* Layout */
    --sidebar-width: 240px;
    --sidebar-collapsed: 60px;
    --topbar-height: 56px;
    --border-radius: 8px;
    --border-radius-sm: 4px;
    --border-radius-lg: 12px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

    /* Transitions */
    --transition: 150ms ease;
    --transition-slow: 300ms ease;
}
