/*
 * ============================================================
 * SPYQINEX INSTITUTIONAL DESIGN TOKENS & TYPOGRAPHY
 * Inspired by Linear, Bloomberg, and ThinkorSwim
 * Clean, restrained, zero emojis, zero neon blur
 * ============================================================
 */

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

:root {
    /* Institutional Palette */
    --bg-canvas: #090a0f;
    --bg-subtle: #0f121a;
    --surface-card: #141722;
    --surface-hover: #1a1e2d;
    --surface-active: #212738;
    
    --border-muted: rgba(255, 255, 255, 0.07);
    --border-strong: rgba(255, 255, 255, 0.14);
    --border-focus: #3b82f6;

    /* Functional Accents - Crisp, Muted, No Neon */
    --brand-primary: #3b82f6;
    --pnl-positive: #10b981;
    --pnl-positive-subtle: rgba(16, 185, 129, 0.1);
    --pnl-negative: #f43f5e;
    --pnl-negative-subtle: rgba(244, 63, 94, 0.1);
    --accent-amber: #f59e0b;
    --accent-amber-subtle: rgba(245, 158, 11, 0.1);

    /* Existing Bridge Variables (Seamless Compatibility) */
    --bg: #090a0f;
    --surface: #141722;
    --surface2: #1a1e2d;
    --surface3: #212738;
    --border: rgba(255, 255, 255, 0.08);
    --border-light: rgba(255, 255, 255, 0.14);
    --accent: #f59e0b;
    --accent-dim: rgba(245, 158, 11, 0.12);
    --green: #10b981;
    --green-dim: rgba(16, 185, 129, 0.12);
    --red: #f43f5e;
    --red-dim: rgba(244, 63, 94, 0.12);
    --blue: #3b82f6;
    --text: #f8fafc;
    --muted: #64748b;
    --muted2: #94a3b8;

    /* Typography */
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
}

/* Global Font Standard: Clean, Institutional Sans */
body, button, input, select, textarea, .tab, .nav-item, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-ui) !important;
}

/* Tabular Monospace Standard for Figures, Prices, Quantities, and Deltas */
.price, .strike, .delta, .pnl, .ticker-val, .stat-value, .metric-value,
.mono-num, code, pre, .terminal, .log-line, td.numeric {
    font-family: var(--font-mono) !important;
    font-variant-numeric: tabular-nums !important;
}

/* Eliminate AI-style text-shadow blurs across the platform */
.pnl, .price, .val, .metric-value, .ticker-price {
    text-shadow: none !important;
}

/* Crisp button styling */
button, .btn {
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.3px;
}