/* ===========================================
   RK Tech Web Solution
   Global Variables
   =========================================== */

:root {

    /* ===== Brand Colors ===== */

    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --secondary: #ff8a00;
    --secondary-dark: #ea580c;

    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;

    /* ===== Background ===== */

    --white: #ffffff;
    --black: #000000;

    --body-bg: #f8fafc;

    --card-bg: #ffffff;

    --section-bg: #f1f5f9;

    --footer-bg: #0f172a;

    /* ===== Text ===== */

    --heading: #0f172a;

    --text: #475569;

    --light-text: #94a3b8;

    --border: #e2e8f0;

    /* ===== Font ===== */

    --font-family: 'Poppins', sans-serif;

    /* ===== Font Sizes ===== */

    --fs-12: 12px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-24: 24px;
    --fs-30: 30px;
    --fs-36: 36px;
    --fs-42: 42px;
    --fs-48: 48px;
    --fs-60: 60px;

    /* ===== Font Weight ===== */

    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;

    /* ===== Radius ===== */

    --radius-sm: 6px;

    --radius: 12px;

    --radius-lg: 20px;

    --radius-xl: 30px;

    --radius-round: 50px;

    /* ===== Shadow ===== */

    --shadow-sm: 0 4px 10px rgba(0,0,0,.05);

    --shadow: 0 10px 25px rgba(0,0,0,.08);

    --shadow-lg: 0 20px 50px rgba(0,0,0,.12);

    /* ===== Transition ===== */

    --transition: all .3s ease;

    /* ===== Layout ===== */

    --container: 1280px;

    --header-height: 80px;

}


/* ===========================================
   Dark Mode (Future Ready)
   =========================================== */

[data-theme="dark"]{

    --body-bg:#0f172a;

    --card-bg:#1e293b;

    --section-bg:#172033;

    --heading:#ffffff;

    --text:#cbd5e1;

    --border:#334155;

}