@charset "UTF-8";
/* プロジェクト独自css定義用 */

/*
 * mase 既定ブランド色(--color-main: #F24171 ピンク)を今回のデフォ色(wp Teal #0d9488)に統一。
 * @layer mase 内で :root を上書きし mase.css の定義より後勝ちにする。
 * これで管理バー(_tpl_manages の 編集する/追記/未承認に変更する のアイコン等 var(--color-main)参照箇所)が緑になる。
 */
@layer mase {
  :root {
    --color-main: #0d9488;
    /* mase 既定の枠色はピンク rgba(242,65,113,.5) のままだったため、
       .u-btn.mainSecondary の枠や .u-btn.mainPrimary:hover の枠がピンクで残っていた。
       --color-main と対になる値(wp Teal の半透明)へ揃える。 */
    --color-border-main: rgba(13, 148, 136, 0.5);
  }
}