{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "空色から濃い青へ段階的に変わる地色と、ドット調の英字見出しで、レトロ RPG の画面を思わせる TV アニメ公式サイトの型。ウィンドウ枠風のカード、市松模様のセクション境界、オレンジのボタンでゲーム UI らしさを出す。情報は中央揃えで縦に並べて簡潔に見せる。",
  "color": {
    "$type": "color",
    "background": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.004,
          0.573,
          0.937
        ],
        "hex": "#0192ef"
      }
    },
    "secondary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.459,
          0.804,
          1
        ],
        "hex": "#75cdff"
      }
    },
    "accent-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.004,
          0.573,
          0.937
        ],
        "hex": "#0192ef"
      }
    },
    "cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.996,
          0.365,
          0.008
        ],
        "hex": "#fe5d02"
      }
    },
    "on-cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "background-alt": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.91,
          0.965,
          1
        ],
        "hex": "#e8f6ff"
      }
    },
    "tint-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.792,
          0.918,
          1
        ],
        "hex": "#caeaff"
      }
    },
    "surface": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.004,
          0.655,
          0.851
        ],
        "hex": "#01a7d9"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.188,
          0.188,
          0.188
        ],
        "hex": "#303030"
      }
    },
    "text-muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.522,
          0.58,
          0.604
        ],
        "hex": "#85949a"
      }
    },
    "accent-2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.008,
          0.008
        ],
        "hex": "#fc0202"
      }
    },
    "on-dark": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.937,
          1,
          1
        ],
        "hex": "#efffff"
      }
    },
    "accent-1-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.004,
          0.471,
          0.769
        ],
        "hex": "#0178c4"
      }
    },
    "cta-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.812,
          0.294,
          0.004
        ],
        "hex": "#cf4b01"
      }
    },
    "text-muted-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.404,
          0.467,
          0.49
        ],
        "hex": "#67777d"
      }
    },
    "surface-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.004,
          0.494,
          0.643
        ],
        "hex": "#017ea4"
      }
    },
    "accent-2-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.918,
          0.008,
          0.008
        ],
        "hex": "#ea0202"
      }
    }
  },
  "spacing": {
    "$type": "dimension",
    "unit": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "card": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "section": {
      "$value": {
        "value": 72,
        "unit": "px"
      }
    }
  },
  "rounded": {
    "$type": "dimension",
    "sm": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 10,
        "unit": "px"
      }
    },
    "full": {
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Shippori Mincho B1",
        "fontSize": {
          "value": 44,
          "unit": "px"
        },
        "fontWeight": 800
      }
    },
    "headline-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "DotGothic16",
        "fontSize": {
          "value": 34,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.04,
          "unit": "em"
        }
      }
    },
    "headline-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 21,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.04,
          "unit": "em"
        }
      }
    },
    "headline-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.04,
          "unit": "em"
        }
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "DotGothic16",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.04,
          "unit": "em"
        }
      }
    },
    "note": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 11,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "label-button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "DotGothic16",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.06,
          "unit": "em"
        }
      }
    }
  }
}