/*
 * VRTS Monitor — Theme Variables
 * Swap this file to change the entire visual identity.
 * All component styles in style.css reference these variables only.
 */

:root {
    /* Brand */
    --color-primary: #faff69;
    --color-primary-active: #e6eb52;
    --color-primary-disabled: #3a3a1f;
    --color-on-primary: #0a0a0a;

    /* Surfaces */
    --color-canvas: #0a0a0a;
    --color-surface-soft: #121212;
    --color-surface-card: #1a1a1a;
    --color-surface-elevated: #242424;
    --color-hairline: #2a2a2a;
    --color-hairline-strong: #3a3a3a;

    /* Text */
    --color-text: #ffffff;
    --color-text-body: #cccccc;
    --color-text-strong: #e6e6e6;
    --color-text-muted: #888888;
    --color-text-soft: #5a5a5a;

    /* Semantic */
    --color-success: #22c55e;
    --color-error: #ef4444;
    --color-info: #3b82f6;
    --color-warning: #f59e0b;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-base: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-size-2xl: 32px;
    --font-size-3xl: 40px;
    --font-size-stat: 56px;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.1;
    --line-height-normal: 1.4;
    --line-height-relaxed: 1.55;

    --letter-spacing-tight: -1px;
    --letter-spacing-tighter: -2px;

    /* Spacing */
    --space-xxs: 4px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-section: 96px;

    /* Radii */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 9999px;

    /* Shadows */
    --shadow-none: none;

    /* Sizes */
    --sidebar-width: 240px;
    --topbar-height: 64px;
    --input-height: 40px;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
}