/* ==========================================================
   RTSC WEBSITE V14 ULTIMATE
   GLOBAL DESIGN VARIABLES
   Version : 14.0
========================================================== */

:root {

    /* ===============================
       BRAND COLOURS
    =============================== */

    --color-primary: #F4B400;
    --color-primary-light: #FFD54F;
    --color-primary-dark: #C49000;

    --color-secondary: #081C34;
    --color-secondary-light: #12345A;
    --color-secondary-dark: #04101F;

    --color-accent: #FF6B00;

    --color-success: #1DB954;
    --color-warning: #FFC107;
    --color-danger: #E53935;
    --color-info: #2196F3;

    /* ===============================
       DARK THEME
    =============================== */

    --background: #08131F;
    --background-secondary: #0F2238;
    --surface: #142B46;
    --surface-hover: #1B395A;

    --card: rgba(20,43,70,.78);

    --text-primary: #FFFFFF;
    --text-secondary: #D6E2F0;
    --text-muted: #8EA7C3;

    --border: rgba(255,255,255,.08);

    /* ===============================
       TYPOGRAPHY
    =============================== */

    --font-family:
        "Inter",
        sans-serif;

    --font-size-xs: .75rem;
    --font-size-sm: .875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 3rem;
    --font-size-4xl: 4rem;

    --font-weight-light:300;
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --font-weight-black:800;

    /* ===============================
       SPACING
    =============================== */

    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-8:32px;
    --space-10:40px;
    --space-12:48px;
    --space-16:64px;

    /* ===============================
       BORDER RADIUS
    =============================== */

    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:18px;
    --radius-xl:24px;
    --radius-round:999px;

    /* ===============================
       SHADOWS
    =============================== */

    --shadow-sm:
        0 2px 8px rgba(0,0,0,.15);

    --shadow-md:
        0 8px 24px rgba(0,0,0,.25);

    --shadow-lg:
        0 18px 45px rgba(0,0,0,.35);

    --shadow-glow:
        0 0 30px rgba(244,180,0,.35);

    /* ===============================
       TRANSITIONS
    =============================== */

    --transition-fast:.20s ease;

    --transition:
        .35s ease;

    --transition-slow:
        .6s ease;

    /* ===============================
       Z INDEX
    =============================== */

    --z-loader:99999;
    --z-header:1000;
    --z-navigation:999;
    --z-modal:9999;
    --z-toast:99999;

    /* ===============================
       LAYOUT
    =============================== */

    --container-width:1440px;

    --header-height:82px;

}

/* ======================================
   LIGHT MODE
====================================== */

[data-theme="light"]{

    --background:#F5F7FB;
    --background-secondary:#FFFFFF;

    --surface:#FFFFFF;
    --surface-hover:#F3F6FA;

    --card:#FFFFFF;

    --text-primary:#081C34;
    --text-secondary:#304B68;
    --text-muted:#7A8DA3;

    --border:#E4E8EF;

}