:root {
    /* Colors — matched to logo: "BIKASH" bright blue + "ROY" dark navy */
    --color-primary:     #1a2035;   /* Dark navy — "ROY" color */
    --color-primary-dk:  #131826;   /* Deeper navy for hover */
    --color-accent:      #1877f2;   /* Bright blue — "BIKASH" color */
    --color-accent-dk:   #0e60d4;   /* Darker blue for hover */
    --color-text:        #1a2035;
    --color-text-light:  #374151;
    --color-bg:          #ffffff;
    --color-bg-alt:      #f8fafc;
    --color-border:      #e2e8f0;
    --color-muted:       #64748b;
    --color-white:       #ffffff;

    /* Typography */
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --size-xs:   0.75rem;
    --size-sm:   0.875rem;
    --size-base: 1rem;
    --size-lg:   1.125rem;
    --size-xl:   1.25rem;
    --size-2xl:  1.5rem;
    --size-3xl:  1.875rem;
    --size-4xl:  2.25rem;
    --size-5xl:  3rem;
    --size-6xl:  3.75rem;

    /* Spacing */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* Layout */
    --container-max: 1200px;
    --container-pad: 1.5rem;

    /* Effects */
    --radius:     8px;
    --radius-lg:  16px;
    --radius-full: 9999px;
    --shadow:     0 4px 24px rgba(0, 0, 0, 0.08);
    --shadow-md:  0 8px 32px rgba(0, 0, 0, 0.12);
    --shadow-lg:  0 16px 48px rgba(0, 0, 0, 0.16);

    /* Transitions */
    --transition: 0.2s ease;
}