@charset "utf-8";
/* ==========================================================================
   BAO100 mobile - design tokens (v1, 375 baseline)
   Source of truth: docs/mobile_design_system.md
   Layout & type both use rem: 1rem = viewport / 7.2 (375 -> 52.083px).
   ========================================================================== */

:root {
    /* type scale: token value is the 375px design size */
    --fs-10: .19rem;
    --fs-11: .21rem;
    --fs-12: .23rem;
    --fs-13: .25rem;
    --fs-14: .27rem;
    --fs-15: .29rem;
    --fs-16: .31rem;
    --fs-18: .35rem;
    --fs-20: .38rem;
    --fs-24: .46rem;
    --fs-28: .54rem;
    --fs-32: .61rem;
    --fs-40: .77rem;
    --fs-42: .81rem;

    /* typefaces */
    --font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
    --font-display: "Marcellus", "PingFang SC", "Microsoft YaHei", serif;

    /* spacing: 4 / 8 / 12 / 16 / 20 / 24 / 32 / 40 / 48 at 375 */
    --space-1: .08rem;
    --space-2: .15rem;
    --space-3: .23rem;
    --space-4: .31rem;
    --space-5: .38rem;
    --space-6: .46rem;
    --space-8: .62rem;
    --space-10: .77rem;
    --space-12: .92rem;

    /* colors */
    --ink: #111111;
    --text-2: #5f5b57;
    --text-3: #6f6b66;
    --placeholder: #8a8580;
    --line: #e7e4df;
    --canvas: #f3f3f3;
    --surface: #ffffff;
    --danger: #a33a30;
    --success: #2f6b4f;

    /* shell */
    --nav-h: 1rem;
    --header-h: .96rem;
}