/* SENTINEL OT - Design Tokens & Root Variables */

:root {
    /* Colors - Deep Dark Theme */
    --color-bg-dark: #0a0a0a;
    --color-bg-primary: #0a0a0a;
    --color-bg-secondary: #161616;
    --color-bg-card: #161616;
    --color-bg-glass: rgba(10, 10, 10, 0.6);

    /* Text Colors */
    --color-text-primary: #ededed;
    --color-text-secondary: #a1a1aa;
    --color-text-muted: #71717a;

    /* Accent Colors */
    --color-accent: #ffffff;
    --color-accent-hover: #a1a1aa;

    /* Status Colors */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-error: #ef4444;

    /* Borders */
    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-hover: rgba(255, 255, 255, 0.2);

    /* Typography */
    --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* Spacing */
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 4rem;
    --space-3xl: 6rem;

    /* Layout */
    --header-height: 70px;
    --container-max: 100%;
    --radius-md: 12px;
    --radius-lg: 20px;
}