/* ==========================================================
   root.css  -  Sirf variables (colors, links, fonts, spacing)
   Koi bhi color badalna ho to sirf yahan se badlo.
   ========================================================== */
:root {
    /* Brand colors */
    --color-primary: #de0130;   /* purple */
    --color-secondary: #032245;   /* cyan */
    --color-dark:      #121230;   /* header / footer / dark sections */
    --color-heading:   #2A2A2A;
    --color-text:      #172033;
    --color-light:     #F7F7F7;
    --color-white:     #FFFFFF;
    --color-border:    #E4E6EB;

    /* Link colors */
    --link-color:        var(--color-primary);
    --link-hover-color:  var(--color-secondary);
    --nav-link-color:    #000000;
    --nav-link-hover:    var(--color-primary);
    --footer-link-color: #B8BCD0;
    --footer-link-hover: var(--color-primary);

    /* Gradient */
    --gradient-main: linear-gradient(   90deg in hsl shorter hue,   #1e4d8f, #0b1f3a);

    /* Fonts */
    --font-heading: "Kanit", sans-serif;
    --font-body:    "Poppins", sans-serif;

    /* Layout */
    --container-width: 1200px;
    --section-space:   90px;
    --radius:          14px;
    --shadow:          0 10px 30px rgba(18, 18, 48, 0.10);
    --header-height:   78px;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--gradient-main);
    border-radius: 0;
}