/* Design tokens */

:root {
    --color-text: #191919;
    --color-blue-light: #0086dc;
    --color-blue-light-2: #1b73f0;
    --color-blue: #002fe3;
    --color-blue-2: #0054a2;
    --color-blue-dark: #152f6a;
    --color-orange: #ff5000;
    --color-green: #46c300;
    --color-bg: #eef4f4;
    --color-bg-2: #f3f3ec;
    --color-gray: #a5a5a5;
    --color-gray-light: #f3f3ec;
    --color-blue-border: #c5cff9;
    /* Typography - Font weights */
    --fw-regular: 400;
    --fw-medium:  500;
    --fw-bold:    700;

    /* Typography - Fonts */
    --font-heading: source-han-sans-cjk-ja, sans-serif;
    --font-heading-en: din-2014, sans-serif;
    --font-text: source-han-sans-cjk-ja, sans-serif;

    /* Typography - Font sizes */
    --text-xs:   12px;
    --text-sm:   13px;
    --text-base: 15px;
    --text-md:   16px;
    --text-lg:   18px;
    --text-xl:   20px;
    --text-btn:  14px;
    --text-nav:  14px;

    /* Typography - Heading sizes */
    --heading-sm: 25px;
    --heading-md: 40px;
    --heading-lg: 45px;
    --heading-xl: 70px;

    /* Typography - Smartphone overrides */
    --heading-xl-sp: 30px;
    --heading-lg-sp: 22px;
    --heading-md-sp: 20px;
    --heading-sm-sp: 18px;
    --text-xl-sp:    16px;
    --text-lg-sp:    13px;

    /* Layout */
    --max-width-desktop: 1440px;
    --max-width-container: 1250px;

    --grid-gap: 36px;
    --grid-gap-sm: 24px;

    --pad-container: 24px;
}