/* ============================================================
   FILE: static/css/investobots.tokens.css
   PURPOSE: InvestoBots global design tokens (Dark Crypto Terminal UI)
   ============================================================ */

/* STEP 1 — Root Design Tokens */
:root {
    --ib-bg: #050812;
    --ib-bg-soft: #0b1020;
    --ib-surface: #101827;
    --ib-surface-2: #151f32;
    --ib-border: #263247;

    --ib-text: #f8fafc;
    --ib-text-muted: #94a3b8;
    --ib-text-soft: #cbd5e1;

    --ib-primary: #22c55e;
    --ib-primary-soft: rgba(34, 197, 94, 0.14);
    --ib-primary-focus: rgba(34, 197, 94, 0.10);
    --ib-primary-focus-strong: rgba(34, 197, 94, 0.16);
    --ib-primary-glow: rgba(34, 197, 94, 0.18);
    --ib-primary-border: rgba(34, 197, 94, 0.35);
    --ib-primary-border-hover: rgba(34, 197, 94, 0.45);
    --ib-primary-border-strong: rgba(34, 197, 94, 0.55);

    --ib-danger: #ef4444;
    --ib-danger-soft: rgba(239, 68, 68, 0.14);
    --ib-danger-soft-strong: rgba(239, 68, 68, 0.20);
    --ib-danger-border: rgba(239, 68, 68, 0.35);
    --ib-danger-border-strong: rgba(239, 68, 68, 0.65);

    --ib-warning: #f59e0b;
    --ib-warning-soft: rgba(245, 158, 11, 0.14);
    --ib-warning-border: rgba(245, 158, 11, 0.35);

    --ib-info: #38bdf8;
    --ib-info-soft: rgba(56, 189, 248, 0.14);
    --ib-info-glow: rgba(56, 189, 248, 0.08);

    --ib-muted-soft: rgba(148, 163, 184, 0.08);
    --ib-muted-soft-strong: rgba(148, 163, 184, 0.20);
    --ib-muted-border: rgba(148, 163, 184, 0.30);

    --ib-bg-overlay: rgba(5, 8, 18, 0.50);
    --ib-bg-navbar: rgba(5, 8, 18, 0.94);
    --ib-backdrop: rgba(0, 0, 0, 0.62);
    --ib-row-hover: rgba(255, 255, 255, 0.025);

    --ib-gradient-page: linear-gradient(180deg, var(--ib-bg) 0%, var(--ib-bg-soft) 100%);
    --ib-gradient-card: linear-gradient(180deg, var(--ib-surface), var(--ib-bg-soft));
    --ib-gradient-page-primary: radial-gradient(circle at 0% 0%, var(--ib-primary-soft), transparent 28%);
    --ib-gradient-page-info: radial-gradient(circle at 100% 0%, var(--ib-info-glow), transparent 28%);

    --ib-radius-sm: 8px;
    --ib-radius-md: 12px;
    --ib-radius-lg: 18px;

    --ib-shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.28);

    --ib-font-main: Inter, Arial, sans-serif;
    --ib-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}