/* =================================================================
   site.css — McKechney / Blue Sky Dev
   Design tokens + global overrides (loaded first)
   ================================================================= */

:root {
    --color-bg:           #0d0f14;
    --color-bg-secondary: #12151c;
    --color-surface:      #181b26;
    --color-surface-alt:  #1e2235;
    --color-accent:       #4dabf7;
    --color-accent-dark:  #1c7ed6;
    --color-accent-hover: #74c0fc;
    --color-text:         #c9d1d9;
    --color-text-muted:   #8b949e;
    --color-border:       rgba(255, 255, 255, 0.07);
    --color-white:        #ffffff;

    --font-heading: 'Raleway', Arial, sans-serif;
    --font-body:    'Inter', 'Raleway', Arial, sans-serif;

    --radius-sm:  4px;
    --radius-md:  10px;
    --radius-lg:  18px;

    --shadow-card:       0 4px 24px rgba(0, 0, 0, 0.45);
    --shadow-card-hover: 0 8px 40px rgba(0, 0, 0, 0.7);

    --transition: 0.3s ease;
}

html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--color-bg); }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.3); }

/* Selection */
::selection { background: var(--color-accent-dark); color: var(--color-white); }

/* QR code */
#qrCode { margin: 15px; }

/* Responsive captions */
@media screen and (max-width: 767px) {
    .carousel-caption { display: none; }
}