/* ============================================
   XGEOSPACE TECHNOLOGY - Design System
   Inspiration: SpaceX (Minimalism), NASA (Grid), CONIDA (Structure)
   ============================================ */

:root {
    /* Brand Colors - High Contrast Tech */
    --color-black: #000000;
    --color-dark: #121212;
    --color-gray-dark: #1a1a1a;
    --color-gray-medium: #2d2d2d;
    --color-gray-light: #e5e5e5;
    --color-white: #ffffff;
    --nasa-red: #fc3d21;
    --accent-red: #fc3d21;

    /* Accents (Subtle & Functional) */
    --accent-primary: #ffffff;
    /* SpaceX style: White is the accent on black */
    --accent-secondary: #005288;
    /* NASA Blue-ish tone for interactions */
    --accent-success: #00ff00;
    /* Dashboard green */

    /* Backgrounds */
    --bg-body: var(--color-black);
    --bg-surface: var(--color-dark);
    --bg-overlay: rgba(0, 0, 0, 0.7);

    /* Typography */
    /* SpaceX uses strong, condensed fonts. NASA uses clean sans-serifs. */
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
    --font-display: 'Orbitron', sans-serif;
    /* For futuristic headers */
    --font-tech: 'JetBrains Mono', monospace;

    /* Spacing & Layout */
    --container-width: 1400px;
    --header-height: 80px;
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;

    /* Metrics */
    --radius-sm: 2px;
    /* Sharper corners for "Tech" feel */
    --radius-md: 4px;
    --radius-lg: 8px;

    /* Effects */
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.5);
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}