:root {
    /* Colors */

    /* --c-text: #1a1a1a; */
    --c-text: #4d4d4d;

    --c-muted: #999999;
    --c-bg: #fbfbfb;
    --c-surface: #f6fbff;
    --c-primary: #1f86c9;
    --c-primary-2: #67bfe6;
    --c-border: #d9d9d9;

    --c-footer: #d3ebf4;

    --c-required: #FF0000;

    --g-hero: linear-gradient(90deg, #f8fcff 10%, #b4ddfd, #1f8ed9 100%);

    /* Typography */
    --ff-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-20: 20px;
    --fs-28: 28px;
    --fs-40: 40px;

    --lh-tight: 1.2;
    --lh-normal: 1.6;

    /* Spacing (8px scale) */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;
    --sp-12: 48px;
    --sp-16: 64px;

    /* Layout */
    --container: 1080px;
    --radius: 12px;
    --shadow: 0 6px 18px rgba(17, 24, 39, 0.08);

    /* Breakpoints */
    --bp-md: 768px;
    --bp-lg: 1024px;
}