/* ==========================================================
   深圳市显科科技有限公司
   官网 V2.0
   Design Tokens
========================================================== */

:root {

    /* ======================================================
       品牌色
    ====================================================== */

    --primary: #1a3a5c;
    --primary-dark: #0f2842;
    --primary-light: #2d5a8a;
    --primary-hover: #224c74;

    /* ======================================================
       中性色
    ====================================================== */

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

    --gray-50: #f8f9fa;
    --gray-100: #f1f3f5;
    --gray-200: #e5e7ea;
    --gray-300: #d1d5db;
    --gray-400: #aeb4bd;
    --gray-500: #8b93a0;
    --gray-600: #656c78;
    --gray-700: #4a505a;
    --gray-800: #2d333b;
    --gray-900: #1a1d23;

    /* ======================================================
       页面背景
    ====================================================== */

    --body-bg: #ffffff;
    --section-bg: #f5f6f8;
    --footer-bg: #060f1a;

    /* ======================================================
       字体颜色
    ====================================================== */

    --text-primary: #1a1d23;
    --text-secondary: #4a505a;
    --text-light: #8b93a0;
    --text-white: #ffffff;

    /* ======================================================
       Header
    ====================================================== */

    --header-height: 80px;
    --header-height-scroll: 64px;

    --header-bg: rgba(10, 20, 38, .94);
    --header-scroll-bg: rgba(255,255,255,.99);

    /* ======================================================
       Hero
    ====================================================== */

    --hero-height: 100vh;
    --hero-overlay: rgba(5,10,20,.72);

    /* ======================================================
       Container
    ====================================================== */

    --container-width: 1320px;
    --container-padding: 20px;

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

    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-round: 6px;

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

    --shadow-sm:
        0 1px 3px rgba(0,0,0,.05);

    --shadow-md:
        0 2px 8px rgba(0,0,0,.06);

    --shadow-lg:
        0 4px 16px rgba(0,0,0,.08);

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

    --transition-fast: .25s ease;
    --transition: .35s ease;
    --transition-slow: .5s ease;

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

    --font-family:
        "PingFang SC",
        "Noto Sans SC",
        "HarmonyOS Sans SC",
        "Microsoft YaHei",
        "Segoe UI",
        Arial,
        sans-serif;

    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-18: 1.125rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-30: 1.875rem;
    --font-size-36: 2.25rem;
    --font-size-48: 3rem;
    --font-size-60: 3.75rem;

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

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

    /* ======================================================
       Spacing
    ====================================================== */

    --space-4:4px;
    --space-8:8px;
    --space-12:12px;
    --space-16:16px;
    --space-20:20px;
    --space-24:24px;
    --space-30:30px;
    --space-40:40px;
    --space-50:50px;
    --space-60:60px;
    --space-80:80px;
    --space-100:100px;
    --space-120:120px;

    /* ======================================================
       Z-index
    ====================================================== */

    --z-header:1000;
    --z-dropdown:1010;
    --z-mobile:1050;
    --z-modal:2000;

}