/*
 * 自社採用（corporate）画面のデザイントークン
 *
 * 応募フォーム・確認画面・個人情報の取り扱いについてページで共有する定数。
 * 各ページの CSS より先に読み込むこと（blade の @section('styles') の先頭）。
 *
 * ■ Tailwind CSS 移行（DS-507 / DS-516）について
 * ここの名前は resources/css/talent-tailwind.css の @theme ブロックへ
 * そのまま移せる形（--color-* / --radius-* / --text-* / --leading-*）にしてある。
 * 移行時は値を @theme へ移すだけで tw:bg-corporate-accent のような utility が生える。
 *
 * 求職者画面のブランド色（--color-brand-primary: #f4ad53）とは別パレットなので、
 * corporate 名前空間に分けている。ただし --color-corporate-ink-muted (#494b54) だけは
 * DS-516 の --color-brand-ink と同値。将来トークンを統合する際の合流点になる。
 */

:root {
    /* 色：アクセント（送信ボタン・チェック済みチェックボックス・リンクホバー） */
    --color-corporate-accent: #fc5c42;
    --color-corporate-accent-hover: #e44a31;

    /* 色：文字 */
    --color-corporate-ink: #333333;
    --color-corporate-ink-strong: #000000;
    --color-corporate-ink-muted: #494b54;
    --color-corporate-ink-inverse: #ffffff;
    --color-corporate-muted: #8f919e;

    /* 色：面 */
    --color-corporate-surface-info: #ecf1f6;
    --color-corporate-surface-disabled: #ebebeb;
    --color-corporate-surface-chip: #f5f6f8;
    --color-corporate-border-chip: #e3e6ea;

    /* 色：状態 */
    --color-corporate-danger: #ec0505;

    /* 角丸 */
    --radius-corporate-box: 5px;
    --radius-corporate-control: 2px;

    /* 文字サイズ・行間 */
    --text-corporate-body: 0.875rem;
    --text-corporate-heading: 1.25rem;
    --text-corporate-heading-sp: 1.125rem;
    --leading-corporate-body: 1.5;
    --leading-corporate-prose: 1.7;
    --leading-corporate-tight: 1.4;

    /* 幅 */
    --width-corporate-content: 1000px;
    --width-corporate-consent-box: 620px;
    --width-corporate-submit: 460px;

    /* 部品サイズ */
    --size-corporate-checkbox: 20px;
}