/**
 * subaco design tokens
 * 全ページ共通のCSS変数定義。
 * 旧 pricing.css 冒頭の :root 定義をここに昇格（2026-05-09）。
 * 将来的に他事業体（AtoBoo）への移植も想定。
 */
:root {
  --sba-pr-teal:        #427c89;
  --sba-pr-teal-dark:   #2e5c66;
  --sba-pr-terracotta:  #c45c3a;
  --sba-pr-charcoal:    #1a1a1a;
  --sba-pr-tinted:      #f5f4f2;
  --sba-pr-gold:        #f7ba39;

  --sba-pr-text:        #2b2b2b;
  --sba-pr-text-muted:  rgba(26, 26, 26, 0.65);
  --sba-pr-text-thin:   rgba(26, 26, 26, 0.5);
  --sba-pr-border:      rgba(26, 26, 26, 0.12);
  --sba-pr-border-soft: rgba(26, 26, 26, 0.06);

  --sba-pr-tinted-text:    rgba(245, 244, 242, 0.92);
  --sba-pr-tinted-muted:   rgba(245, 244, 242, 0.7);
  --sba-pr-tinted-thin:    rgba(245, 244, 242, 0.45);
  --sba-pr-tinted-border:  rgba(245, 244, 242, 0.15);
}

/* ============================================================
 * Utility classes（全ページ共通）
 * .u-sp-only / .u-pc-only：表示切替（旧 [spbr] 相当の SP 改行制御等で使用）
 * ============================================================ */

.u-pc-only {
  display: inline;
}

.u-sp-only {
  display: none;
}

@media screen and (max-width: 999px) {
  .u-pc-only {
    display: none;
  }
  .u-sp-only {
    display: inline;
  }
}