/*
===============================================================================
  Golden Computer Child - 01 Variables
===============================================================================
*/


/* ============================================================================
   01. Global Variables & Base Layout
   ============================================================================ */

:root {
    /* Light-only: no prefers-color-scheme block exists anywhere in assets/css.
       Declaring it stops an OS dark theme from repainting scrollbars, the
       number inputs and the sort <select> dark-on-white. */
    color-scheme: light;
    /* Premium Footer */
    --gc-footer-blue: #0787ea;
    /* Premium Header */
    --gc-blue: #0787ea;
    /* Product Cards */
    --gc-primary-color: #0787ea;
    --gc-bg-color: #ffffff;
    --gc-blue-dark: #0b63ce;
    --gc-body-text: #333333;
    --gc-border: #d7eaff;
    --gc-border-color: #a0d8ff;
    --gc-border-hover: #0095ff;
    --gc-border-soft: #e8f3ff;
    --gc-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    --gc-card-shadow-hover: 0 14px 32px rgba(7, 135, 234, 0.15);
    --gc-danger-color: #e11d48;
    --gc-fast-transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
    --gc-footer-border: #d7eaff;
    --gc-footer-bottom: #eef6fd;
    --gc-footer-ink: #101828;
    --gc-footer-muted: #667085;
    --gc-footer-orange: #ff8a00;
    --gc-footer-shadow-card: 0 18px 44px rgba(16, 24, 40, 0.07);
    --gc-footer-shadow-soft: 0 10px 24px rgba(16, 24, 40, 0.055);
    --gc-footer-soft: #f7fbff;
    --gc-footer-text: #344054;
    --gc-footer-white: #ffffff;
    --gc-grid-gap: 5px;
    --gc-ink: #101828;
    --gc-muted: #667085;
    --gc-orange: #ff8a00;
    --gc-orange-dark: #f26b00;
    --gc-price-color: #d32f2f;
    --gc-primary-hover: #f4faff;
    --gc-radius-card: 18px;
    --gc-radius-control: 12px;
    --gc-radius-img: 12px;
    --gc-radius-lg: 22px;
    --gc-radius-md: 16px;
    --gc-radius-pill: 999px;
    --gc-radius-sm: 12px;
    --gc-section-border: #cfe5fb;
    --gc-section-ink: #12304f;
    --gc-shadow-blue: 0 12px 28px rgba(7, 135, 234, 0.12);
    --gc-shadow-card: 0 18px 45px rgba(16, 24, 40, 0.08);
    --gc-shadow-hover: 0 0 25px 5px rgba(0, 149, 255, 0.5);
    --gc-shadow-soft: 0 10px 30px rgba(16, 24, 40, 0.05);
    --gc-soft: #f7fbff;
    --gc-soft-border: #dbeafe;
    --gc-tabs-blue: #0878d8;
    --gc-tabs-blue-border: #cfe5fb;
    --gc-tabs-blue-dark: #075fb5;
    --gc-tabs-blue-soft: #eef7ff;
    --gc-tabs-border: #cfe5fb;
    --gc-tabs-muted: #64748b;
    --gc-tabs-text: #15385f;
    --gc-text: #344054;
    --gc-text-color: #111827;
    --gc-white: #ffffff;
}