/* ============================================================
   litlink boost! — Creator App: アクセントトークンの個別セレクタ上書き
   [data-palette]:not([data-palette="boost-legacy"]) 限定。creator-tokens-compat.css（値層）
   より後、boost-ds-components.css より後に読み込む。
   ここは「1つの CSS 変数の値替えだけでは表現できない」個別セレクタの
   上書きのみを置く。切り戻しはこのファイルの <link> を外す＋
   creator/index.html の data-palette 属性を戻すだけで完結する。
   ============================================================ */

/* ── 主操作はcreator-feminine.cssの既定（グラデ面＋白文字）をそのまま使う。
   ここでは背景・文字色を再宣言しない（角丸のみ下のブロックで揃える）。 ── */

/* ── ボタン系は操作の角丸12へ（カード16の既定から外す） ── */
[data-palette]:not([data-palette="boost-legacy"]) .btn-primary,
[data-palette]:not([data-palette="boost-legacy"]) .btn-boost,
[data-palette]:not([data-palette="boost-legacy"]) .btn-tier-hero,
[data-palette]:not([data-palette="boost-legacy"]) .btn-ghost,
[data-palette]:not([data-palette="boost-legacy"]) .hn-open,
[data-palette]:not([data-palette="boost-legacy"]) .hn-close,
[data-palette]:not([data-palette="boost-legacy"]) .pfsup-ec-primary,
[data-palette]:not([data-palette="boost-legacy"]) .pfsup-ec-ghost {
  border-radius: var(--tu-radius-control);
}

/* ── Sheet/Modal 系はシートの角丸24へ ── */
[data-palette]:not([data-palette="boost-legacy"]) .ac-sheet,
[data-palette]:not([data-palette="boost-legacy"]) .cr-ev-sheet,
[data-palette]:not([data-palette="boost-legacy"]) .ws-step-sheet,
[data-palette]:not([data-palette="boost-legacy"]) .pe-modal-box,
[data-palette]:not([data-palette="boost-legacy"]) .acc-ov {
  border-radius: var(--tu-radius-sheet);
}

/* ── 案件詳細の報酬カード本文（.rk-tile-note）は--fs-body(16px)だと
   長文の確定条件テキストが2行→3行に伸び、固定CTAの裏に3行目が隠れる。
   この1箇所だけ本文サイズを1段戻す（他の--fs-body使用箇所は16pxのまま）。 ── */
[data-palette]:not([data-palette="boost-legacy"]) .rk-tile-note {
  font-size: 15px;
}

/* ── 初回ログイン紙芝居カードのみヒーロー角丸32へ ── */
[data-palette]:not([data-palette="boost-legacy"]) .hero-tut-card {
  border-radius: var(--tu-radius-hero);
}
/* ── マイページのヒーローカード（#pf-hub-card）は本番と同じ角丸(20px)を維持する。
   ホームヒーロー(#home-hero-card)とは別要素で、こちらはカード角丸相当のまま
   グラデーション面だけをまとう構成のため、hero角丸(32px)へは寄せない。 ── */
[data-palette]:not([data-palette="boost-legacy"]) .home-hero-card.hhc-gradient {
  border-radius: 20px;
}

/* ── 状態バッジは boost.css の共通定義（--success/--warning/--info/--danger
   を色として使う）をそのまま使う。ここでの上書きはしない。 ── */

/* ── ブランドカラー（--violet/--cr-violet/--violet-bright 等）は値層
   （creator-tokens-compat.css）で boost-legacy と同じ実値を維持するため、
   面・文字とも個別セレクタでの上書きは不要（既存 var() 参照が
   そのまま旧ブランド紫の見た目になる）。ここでは a11y 用の skip-link
   （通常は画面外、フォーカス時のみ可視化）だけ、値層の実値を明示的に
   踏襲する。 ── */
[data-palette]:not([data-palette="boost-legacy"]) .skip-link {
  background: var(--violet-bright);
  color: var(--text-inverse);
}