/**
 * デザイントークン
 *
 * Studio が出力していた --s-color-{hash} / --s-font-{hash} を、
 * 実際の使用箇所から役割を特定して命名し直したもの。
 * 値は元サイトから一切変更していない（全67ページで定義一致を確認済み）。
 *
 * 対応表と根拠: _build/token-map.json
 */

:root {
	/* 文字 */
	--an-color-text: #222222;

	/* ブランド：緑＝見出し・ラベル・求人タイトル、赤＝CTA・ホバー */
	--an-color-brand: #0f9c7c;
	--an-color-accent: #f6354b;

	/* 面 */
	--an-color-white: #ffffff;
	--an-color-surface: #f6f3f3;
	--an-color-surface-pink: #ece5e5;
	--an-color-surface-green: #dfeadd;
	--an-color-white-64: rgba(255, 255, 255, 0.64);

	/* 罫線・リンク・オーバーレイ */
	--an-color-border: #dbdbdb;
	--an-color-link: #3773b7;
	--an-color-overlay: rgba(0, 0, 0, 0.8);

	/* 書体 */
	--an-font-base: 'Noto Sans JP', 'M PLUS Rounded 1c', sans-serif;
	--an-font-display: 'Barlow Condensed', sans-serif;
	--an-font-jp: 'Noto Sans JP', sans-serif;
}

/*
 * 移行期間中の互換エイリアス。
 * 変換途中のページCSSにはまだ Studio 由来の var(--s-color-xxxx) が残っているため、
 * それらを新トークンに転送して表示崩れを防ぐ。
 * 全ページの変換完了後にこのブロックごと削除する。
 */
:root {
	--s-color-cdbe7768: var(--an-color-text);
	--s-color-cb82353c: var(--an-color-brand);
	--s-color-569d863a: var(--an-color-accent);
	--s-color-16b8b9d6: var(--an-color-white);
	--s-color-bf9200b8: var(--an-color-border);
	--s-color-f5ac8e2a: var(--an-color-surface);
	--s-color-6c956454: var(--an-color-overlay);
	--s-color-79a7df4e: var(--an-color-white-64);
	--s-color-8482409b: var(--an-color-surface-pink);
	--s-color-aab76478: var(--an-color-surface-green);
	--s-color-11b485d5: var(--an-color-link);

	--s-font-08975ce4: var(--an-font-base);
	--s-font-41a55b97: var(--an-font-display);
	--s-font-6d82d27e: var(--an-font-jp);

	/* --s-color-9c80d7ba (#e19797) は元サイトでも参照 0 件のため引き継がない */
}