/* --- DESIGN TOKENS & RESET --- */

:root {
    /* Core Colors */
    --red-color: #ff0033;
    --blue-color: #0099ff;
    --yellow-color: #ff9900;
    --green-color: #009933;
    --light-color: #ffffff;
    --dark-color: #222222;
    --gray-color: #272727;
    --silver-color: #bbbbbb;
    --light-bg: #fefefe;

    /* Typography & Scale */
    --font-main: "Roboto Mono", monospace, 'Open Sans', Arial, sans-serif;
    --transition-standard: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --layout-gap: 2rem;
    
    /* Z-Index Layers */
    --z-header: 100;
    --z-toast: 1000;
    --z-modal: 2000;

    scroll-behavior: smooth;
}

* { 
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}