/**
 * =============================================
 * ブレイクポイント：960px/600px
 * =============================================
 */

:root {
    --tunag-color-primary: #0A3E7D;
    --tunag-color-secondary-dark: #283E59;
    --tunag-color-secondary-base: #475569;
    --tunag-color-secondary-mid: #94A3B8;
    --tunag-color-secondary-light: #F1F5F9;
    --tunag-color-secondary-white: #FFFFFF;
    --tunag-color-accent-green: #62B687;
    --tunag-color-accent-red: #F68B67;
    --tunag-color-accent-yellow: #F1C752;


    --tunag-font-size-lg: 24px;
    --tunag-font-size-md: 20px;
    --tunag-font-size-base: 16px;
    --tunag-font-size-sm: 12px;
    --tunag-font-size-xs: 8px;

    --tunag-breakpoint-sm: 599px;
    --tunag-breakpoint-md: 959px;

    --tunag-border-radius: 8px;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: var(--tunag-font-size-base);
}