/* ================================================================
   CCL DASHBOARD v2 — DESIGN TOKENS
   Aesthetic: Professional Neo-Brutalism
   Fonts: Syne (display) / Instrument Sans (body) / IBM Plex Mono (data)
   ================================================================ */

:root {
    /* ── Brand ─────────────────────────────────────────────────── */
    --teal: #487A7B;
    --teal-dark: #005151;
    --teal-light: #6B9A9A;
    --teal-wash: #e8f0f0;
    --orange: #F68D2E;
    --orange-light: #FF9A5A;
    --orange-wash: #fef0e2;

    /* ── Ink & Paper ───────────────────────────────────────────── */
    --ink: #1a1a2e;
    --ink-muted: #4a4a5a;
    --ink-faint: #7a7a8a;
    --paper: #f5f3f0;
    --paper-warm: #faf8f5;
    --white: #ffffff;

    /* ── Gray Scale ────────────────────────────────────────────── */
    --gray-50: #fafafa;
    --gray-100: #f0eeeb;
    --gray-200: #e2e0dc;
    --gray-300: #ccc9c4;
    --gray-400: #a8a5a0;
    --gray-500: #7a7875;
    --gray-600: #5c5a57;
    --gray-700: #3f3d3a;
    --gray-800: #27262a;
    --gray-900: #111014;

    /* ── Stage Colors ──────────────────────────────────────────── */
    --stage-new-lead: #3B82F6;
    --stage-new-lead-bg: #dbeafe;
    --stage-reviewing: #8B5CF6;
    --stage-reviewing-bg: #ede9fe;
    --stage-market-research: #F59E0B;
    --stage-market-research-bg: #fef3c7;
    --stage-approved-uw: #10B981;
    --stage-approved-uw-bg: #d1fae5;
    --stage-under-contract: #06B6D4;
    --stage-under-contract-bg: #cffafe;
    --stage-closing: #F68D2E;
    --stage-closing-bg: #fef0e2;
    --stage-closed-won: #059669;
    --stage-closed-won-bg: #d1fae5;
    --stage-rejected: #EF4444;
    --stage-rejected-bg: #fee2e2;

    /* ── Temperature Colors ────────────────────────────────────── */
    --temp-hot: #10B981;
    --temp-hot-bg: #d1fae5;
    --temp-warm: #EAB308;
    --temp-warm-bg: #fef9c3;
    --temp-warm-text: #92700C;
    --temp-cool: #F68D2E;
    --temp-cool-bg: #fef0e2;
    --temp-cold: #EF4444;
    --temp-cold-bg: #fee2e2;
    --temp-frozen: #3B82F6;
    --temp-frozen-bg: #dbeafe;

    /* ── Status / Feedback ─────────────────────────────────────── */
    --success: #059669;
    --success-bg: #d1fae5;
    --warning: #D97706;
    --warning-bg: #fef3c7;
    --error: #DC2626;
    --error-bg: #fee2e2;
    --info: #487A7B;
    --info-bg: #e8f0f0;

    /* ── Brutalist System ──────────────────────────────────────── */
    --border-w: 2px;
    --border: var(--border-w) solid var(--ink);
    --border-thick: 3px solid var(--ink);
    --border-thin: 1px solid var(--gray-200);
    --border-color-thin: 1.5px solid;

    --shadow: 4px 4px 0 var(--ink);
    --shadow-sm: 2px 2px 0 var(--ink);
    --shadow-lg: 6px 6px 0 var(--ink);

    /* Hover: shadow shrinks (pressed in) */
    /* Active: shadow gone + translate (fully pressed) */

    --radius: 4px;
    --radius-md: 6px;
    /* Max radius in the system. No pill shapes (9999px). */

    /* ── Spacing Scale ─────────────────────────────────────────── */
    --sp-2xs: 0.125rem;   /* 2px */
    --sp-xs: 0.25rem;     /* 4px */
    --sp-sm: 0.5rem;      /* 8px */
    --sp-md: 0.75rem;     /* 12px */
    --sp-base: 1rem;      /* 16px */
    --sp-lg: 1.5rem;      /* 24px */
    --sp-xl: 2rem;        /* 32px */
    --sp-2xl: 3rem;       /* 48px */
    --sp-3xl: 4rem;       /* 64px */

    /* ── Typography ────────────────────────────────────────────── */
    --font-display: 'Syne', sans-serif;
    --font-body: 'Instrument Sans', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;

    /* Font Sizes */
    --text-xs: 0.6rem;
    --text-sm: 0.72rem;
    --text-base: 0.88rem;
    --text-md: 1rem;
    --text-lg: 1.15rem;
    --text-xl: 1.35rem;
    --text-2xl: 1.5rem;
    --text-3xl: 2rem;

    /* ── Transitions ───────────────────────────────────────────── */
    --ease-snap: 100ms cubic-bezier(0.3, 0, 0.5, 1);
    --ease-smooth: 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
    --ease-bounce: 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}