{
  "$description": "Galactus Design System — https://galactus.co.jp/design-system/ から自動生成",
  "color": {
    "primary": {
      "$type": "color",
      "$value": "#113275",
      "$description": "ネイビーブルー。見出し・CTA・リンクなど、ブランドを最も強く伝える要素に使う。"
    },
    "secondary": {
      "$type": "color",
      "$value": "#007C99",
      "$description": "深いシアン。ホバー・フォーカスなど状態の変化と、面積の小さなアクセントに使う。白・グレーの地なら文字にも使える。"
    },
    "secondary-on-dark": {
      "$type": "color",
      "$value": "#06B6D4",
      "$description": "明るいシアン。ネイビーなど濃い地の上でだけ使うセカンダリ。"
    },
    "accent": {
      "$type": "color",
      "$value": "#DC2626",
      "$description": "レッド。必須表示・エラーなど、注意を促す場面に限って使う。"
    },
    "bg-gray": {
      "$type": "color",
      "$value": "#f7f7f7",
      "$description": "ページやセクションの地。白い面を浮かび上がらせる。"
    },
    "bg-blue": {
      "$type": "color",
      "$value": "#EFF6FF",
      "$description": "強調したいセクションや、選択中・展開中の状態の地。"
    },
    "white": {
      "$type": "color",
      "$value": "#fff",
      "$description": "カード・入力欄・ボタンの面。"
    },
    "text": {
      "$type": "color",
      "$value": "#333",
      "$description": "本文と見出しの標準色。純黒より一段やわらかい #333。"
    },
    "text-sub": {
      "$type": "color",
      "$value": "#666",
      "$description": "補足・キャプションなど、本文より一段弱めたいテキスト。"
    },
    "text-muted": {
      "$type": "color",
      "$value": "#999",
      "$description": "プレースホルダーやメタ情報。本文の読み物には使わない。"
    },
    "border": {
      "$type": "color",
      "$value": "#d1d1d1",
      "$description": "標準の罫線。区切り線、カードや入力欄の輪郭に使う。"
    },
    "border-strong": {
      "$type": "color",
      "$value": "#bdbdbd",
      "$description": "料金プランの表など、囲んだ情報を一段強く見せたい枠と罫線に使う。"
    },
    "pkg-studio": {
      "$type": "color",
      "$value": "#fa1684"
    },
    "pkg-colormeshop": {
      "$type": "color",
      "$value": "#169eff"
    },
    "pkg-osaka": {
      "$type": "color",
      "$value": "#e60012cc"
    },
    "pkg-starter": {
      "$type": "color",
      "$value": "#06B6D4"
    },
    "pkg-photo": {
      "$type": "color",
      "$value": "#349b26"
    },
    "pkg-recruit": {
      "$type": "color",
      "$value": "#669acc"
    },
    "pkg-plan-start": {
      "$type": "color",
      "$value": "#4990F9"
    },
    "pkg-plan-light": {
      "$type": "color",
      "$value": "#E8A40C"
    },
    "twitter": {
      "$type": "color",
      "$value": "#000"
    },
    "facebook": {
      "$type": "color",
      "$value": "#3b5998"
    },
    "line": {
      "$type": "color",
      "$value": "#06C755"
    },
    "instagram": {
      "$type": "color",
      "$value": "#D93177"
    },
    "youtube": {
      "$type": "color",
      "$value": "#c4302b"
    }
  },
  "fontFamily": {
    "ja": {
      "$type": "fontFamily",
      "$value": [
        "Local Noto Sans JP",
        "Noto Sans JP",
        "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro",
        "メイリオ",
        "Meiryo",
        "Osaka",
        "MS PGothic",
        "ＭＳ Ｐゴシック",
        "sans-serif"
      ]
    },
    "en": {
      "$type": "fontFamily",
      "$value": [
        "Outfit",
        "sans-serif"
      ]
    },
    "gothic": {
      "$type": "fontFamily",
      "$value": [
        "YuGothic",
        "ヒラギノ角ゴ ProN W3",
        "Lucida Grande",
        "Hiragino Kaku Gothic ProN",
        "メイリオ",
        "Meiryo",
        "Verdana",
        "ＭＳ Ｐゴシック",
        "sans-serif"
      ]
    }
  },
  "fontSize": {
    "4xl": {
      "$type": "dimension",
      "$value": "4rem",
      "$description": "PC 64px / タブレット 56px / スマホ 48px（@include fsz('4xl')）"
    },
    "3xl": {
      "$type": "dimension",
      "$value": "3rem",
      "$description": "PC 48px / タブレット 40px / スマホ 36px（@include fsz('3xl')）"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "2.25rem",
      "$description": "PC 36px / タブレット 30px / スマホ 28px（@include fsz('2xl')）"
    },
    "xl": {
      "$type": "dimension",
      "$value": "2rem",
      "$description": "PC 32px / タブレット 28px / スマホ 24px（@include fsz('xl')）"
    },
    "lg": {
      "$type": "dimension",
      "$value": "1.5rem",
      "$description": "PC 24px / タブレット 20px / スマホ 18px（@include fsz('lg')）"
    },
    "md": {
      "$type": "dimension",
      "$value": "1.25rem",
      "$description": "PC 20px / タブレット 18px / スマホ 16px（@include fsz('md')）"
    },
    "sm": {
      "$type": "dimension",
      "$value": "1.125rem",
      "$description": "PC 18px / タブレット 16px / スマホ 15px（@include fsz('sm')）"
    },
    "base": {
      "$type": "dimension",
      "$value": "1rem",
      "$description": "PC 16px / タブレット 14px / スマホ 14px（@include fsz('base')）"
    },
    "s": {
      "$type": "dimension",
      "$value": "0.875rem",
      "$description": "PC 14px / タブレット 12px / スマホ 12px（@include fsz('s')）"
    },
    "xs": {
      "$type": "dimension",
      "$value": "0.75rem",
      "$description": "PC 12px / タブレット 12px / スマホ 10px（@include fsz('xs')）"
    }
  },
  "fontWeight": {
    "normal": {
      "$type": "fontWeight",
      "$value": 400
    },
    "medium": {
      "$type": "fontWeight",
      "$value": 500
    },
    "bold": {
      "$type": "fontWeight",
      "$value": 700
    },
    "black": {
      "$type": "fontWeight",
      "$value": 900
    }
  },
  "lineHeight": {
    "none": {
      "$type": "number",
      "$value": 1
    },
    "tight": {
      "$type": "number",
      "$value": 1.4
    },
    "base": {
      "$type": "number",
      "$value": 1.6
    },
    "relaxed": {
      "$type": "number",
      "$value": 1.8
    },
    "loose": {
      "$type": "number",
      "$value": 2
    }
  },
  "space": {
    "0": {
      "$type": "dimension",
      "$value": "0rem",
      "$description": "PC 0px / タブレット 0px / スマホ 0px"
    },
    "4": {
      "$type": "dimension",
      "$value": "0.25rem",
      "$description": "PC 4px / タブレット 3px / スマホ 2px"
    },
    "8": {
      "$type": "dimension",
      "$value": "0.5rem",
      "$description": "PC 8px / タブレット 5px / スマホ 4px"
    },
    "12": {
      "$type": "dimension",
      "$value": "0.75rem",
      "$description": "PC 12px / タブレット 8px / スマホ 6px"
    },
    "16": {
      "$type": "dimension",
      "$value": "1rem",
      "$description": "PC 16px / タブレット 11px / スマホ 8px"
    },
    "24": {
      "$type": "dimension",
      "$value": "1.5rem",
      "$description": "PC 24px / タブレット 16px / スマホ 12px"
    },
    "32": {
      "$type": "dimension",
      "$value": "2rem",
      "$description": "PC 32px / タブレット 21px / スマホ 16px"
    },
    "40": {
      "$type": "dimension",
      "$value": "2.5rem",
      "$description": "PC 40px / タブレット 27px / スマホ 20px"
    },
    "48": {
      "$type": "dimension",
      "$value": "3rem",
      "$description": "PC 48px / タブレット 32px / スマホ 24px"
    },
    "64": {
      "$type": "dimension",
      "$value": "4rem",
      "$description": "PC 64px / タブレット 43px / スマホ 32px"
    },
    "80": {
      "$type": "dimension",
      "$value": "5rem",
      "$description": "PC 80px / タブレット 53px / スマホ 40px"
    },
    "96": {
      "$type": "dimension",
      "$value": "6rem",
      "$description": "PC 96px / タブレット 64px / スマホ 48px"
    },
    "128": {
      "$type": "dimension",
      "$value": "8rem",
      "$description": "PC 128px / タブレット 85px / スマホ 64px"
    },
    "156": {
      "$type": "dimension",
      "$value": "9.75rem",
      "$description": "PC 156px / タブレット 104px / スマホ 78px"
    },
    "192": {
      "$type": "dimension",
      "$value": "12rem",
      "$description": "PC 192px / タブレット 128px / スマホ 96px"
    },
    "256": {
      "$type": "dimension",
      "$value": "16rem",
      "$description": "PC 256px / タブレット 171px / スマホ 128px"
    },
    "384": {
      "$type": "dimension",
      "$value": "24rem",
      "$description": "PC 384px / タブレット 256px / スマホ 192px"
    },
    "512": {
      "$type": "dimension",
      "$value": "32rem",
      "$description": "PC 512px / タブレット 341px / スマホ 256px"
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": "4px"
    },
    "md": {
      "$type": "dimension",
      "$value": "8px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "12px"
    },
    "full": {
      "$type": "dimension",
      "$value": "50%"
    }
  },
  "shadow": {
    "sm": {
      "$type": "shadow",
      "$value": [
        {
          "color": "rgba(17, 50, 117, .05)",
          "offsetX": "0px",
          "offsetY": "1px",
          "blur": "3px",
          "spread": "0px"
        },
        {
          "color": "rgba(17, 50, 117, .06)",
          "offsetX": "0px",
          "offsetY": "4px",
          "blur": "12px",
          "spread": "0px"
        }
      ]
    },
    "md": {
      "$type": "shadow",
      "$value": [
        {
          "color": "rgba(17, 50, 117, .04)",
          "offsetX": "0px",
          "offsetY": "2px",
          "blur": "4px",
          "spread": "0px"
        },
        {
          "color": "rgba(17, 50, 117, .07)",
          "offsetX": "0px",
          "offsetY": "8px",
          "blur": "24px",
          "spread": "0px"
        },
        {
          "color": "rgba(17, 50, 117, .06)",
          "offsetX": "0px",
          "offsetY": "24px",
          "blur": "48px",
          "spread": "0px"
        }
      ]
    },
    "lg": {
      "$type": "shadow",
      "$value": [
        {
          "color": "rgba(17, 50, 117, .03)",
          "offsetX": "0px",
          "offsetY": "4px",
          "blur": "6px",
          "spread": "0px"
        },
        {
          "color": "rgba(17, 50, 117, .09)",
          "offsetX": "0px",
          "offsetY": "16px",
          "blur": "40px",
          "spread": "0px"
        },
        {
          "color": "rgba(17, 50, 117, .10)",
          "offsetX": "0px",
          "offsetY": "48px",
          "blur": "80px",
          "spread": "0px"
        }
      ]
    }
  },
  "duration": {
    "base": {
      "$type": "duration",
      "$value": "300ms"
    }
  },
  "easing": {
    "out": {
      "$type": "cubicBezier",
      "$value": [
        0.22,
        1,
        0.36,
        1
      ]
    },
    "spring": {
      "$type": "cubicBezier",
      "$value": [
        0.34,
        1.56,
        0.64,
        1
      ]
    }
  },
  "breakpoint": {
    "xs": {
      "$type": "dimension",
      "$value": "0px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "576px"
    },
    "md": {
      "$type": "dimension",
      "$value": "768px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "992px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "1200px"
    },
    "xxl": {
      "$type": "dimension",
      "$value": "1400px"
    }
  }
}