:root {
    /* Colors */
    --colorBlack: #231815;
    --colorBlue: #00a0e9;
    --colorBlueLight: #e8f4fb;
    --colorGold: #f6ab00;
    --colorGray: #616161;
    --colorGrayLight: #e1e5e6;
    --colorYellow: #fff619;

    /* Families */
    --familySans: "Roboto", "Noto Sans JP", sans-serif;
    --familySerif: "Zen Antique", serif;

    /* Font Size clamp: https: //min-max-calculator.9elements.com/ */
    --fontMax14Min12: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
    --fontMax16Min14: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
    --fontMax18Min16: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
    --fontMax24Min16: clamp(1rem, 0.839rem + 0.73vw, 1.5rem);
    --fontMax36Min32: clamp(2rem, 1.92rem + 0.37vw, 2.25rem);

    /* Linear Gradient */
    --linearGradientBlue: linear-gradient(
        90deg,
        rgba(0, 160, 233, 1) 0%,
        rgba(0, 90, 131, 1) 100%
    );
}

body {
    color: var(--colorBlack);
    font-family: var(--familySans);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
}