/**
 * VARIABLES.CSS
 * 
 * Purpose: Central definition of Design Tokens (Colors, Fonts, Spacing).
 * Scope:   Global :root variables.
 * usage:   var(--variable-name)
 */

:root {
    /* Mentronig Brand Colors */
    --color-deep-base: #141928;
    --color-lead-cyan: #00FFFF;
    --color-phase-orange: #FFA132;
    --color-success-green: #00FF78;
    --color-text-primary: #E6E6E6;
    --color-text-muted: #64748B;
    --color-accent-dark: #1E293B;

    /* Typography */
    --font-heading: 'Urbanist', sans-serif;
    --font-body: 'Inter', sans-serif;
}

body {
    background-color: var(--color-deep-base);
    color: var(--color-text-primary);
    font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    color: var(--color-text-primary);
}