{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "白地を基本に、赤系のブランド色と黄色・青を大胆にベタ塗りする採用サイトの型です。太い欧文見出しと日本語の小見出しを組み合わせ、ピル型CTA、黒線の白カード、笑顔の社員写真や線画イラストで、明るく親しみやすい雰囲気に仕上げます。影は使わず、色面の重なりと枠線で階層を表します。",
  "color": {
    "$type": "color",
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.867,
          0.082,
          0.094
        ],
        "hex": "#dd1518"
      }
    },
    "background": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.988,
          0.984
        ],
        "hex": "#fcfcfb"
      }
    },
    "background-alt": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.949,
          0.941
        ],
        "hex": "#f3f2f0"
      }
    },
    "surface": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.988,
          0.984
        ],
        "hex": "#fcfcfb"
      }
    },
    "cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.941,
          0.275,
          0.094
        ],
        "hex": "#f04618"
      }
    },
    "on-cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.988,
          0.984
        ],
        "hex": "#fcfcfb"
      }
    },
    "secondary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.063,
          0.404,
          0.749
        ],
        "hex": "#1067bf"
      }
    },
    "accent-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.98,
          0.933,
          0.259
        ],
        "hex": "#faee42"
      }
    },
    "accent-3": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.302,
          0.702,
          0.875
        ],
        "hex": "#4db3df"
      }
    },
    "tint-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.976,
          0.976,
          0.749
        ],
        "hex": "#f9f9bf"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.161,
          0.165,
          0.169
        ],
        "hex": "#292a2b"
      }
    },
    "text-muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.584,
          0.592,
          0.6
        ],
        "hex": "#959799"
      }
    },
    "line": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.133,
          0.137,
          0.137
        ],
        "hex": "#222323"
      }
    },
    "dark-section": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.043,
          0.043,
          0.043
        ],
        "hex": "#0b0b0b"
      }
    },
    "cta-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.851,
          0.224,
          0.055
        ],
        "hex": "#d9390e"
      }
    }
  },
  "spacing": {
    "$type": "dimension",
    "unit": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "card": {
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "section": {
      "$value": {
        "value": 72,
        "unit": "px"
      }
    }
  },
  "rounded": {
    "$type": "dimension",
    "sm": {
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "full": {
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Dela Gothic One",
        "fontSize": {
          "value": 44,
          "unit": "px"
        },
        "fontWeight": 900,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "headline-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 28,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.03,
          "unit": "em"
        }
      }
    },
    "headline-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Zen Kaku Gothic New",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.03,
          "unit": "em"
        }
      }
    },
    "headline-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.03,
          "unit": "em"
        }
      }
    },
    "accent": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Montserrat",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.04,
          "unit": "em"
        }
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0.04,
          "unit": "em"
        }
      }
    },
    "note": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 11,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.03,
          "unit": "em"
        }
      }
    },
    "label-button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.05,
          "unit": "em"
        }
      }
    }
  }
}