/* ===========================================================
   VARIABLES.CSS
=========================================================== */

:root {
    --color-bg: #070B14;
    --color-text: #ffffff;
    --color-primary: #4F8CFF;
    --color-primary-light: #6B9DFF;
    --color-accent: #00E7FF;
    --color-secondary: #BFC7D5;
    --color-dark: #060A12;

    --color-text-soft: #AEB7C8;
    --color-text-muted: #8f9ab0;
    --gradient-text: linear-gradient(90deg, #ffffff, #d7e7ff, #4F8CFF);

    --font-family: 'Inter', sans-serif;
    --font-size-base: 16px;

    --container-max: 1320px;
    --container-padding: 92%;

    --radius-card: 28px;
    --radius-button: 50px;

    --shadow-card: 0 40px 90px rgba(0,0,0,0.45);
    --shadow-button: 0 10px 40px rgba(79,140,255,0.35);
}