/* =========================================================
   テーマ：株式会社ゆいち問題解決（公式HP yuichiinc.com に合わせた見た目）
   ---------------------------------------------------------
   ポータルの見た目は、このファイルの「色・形・フォント」の値だけで決まる。
   別の会社用に作るときは、このファイルを複製して値を差し替え、
   js/themes.js に1行足せば、機能はそのままで見た目だけ丸ごと変わる。
   ========================================================= */

:root[data-theme="yuichi"] {
  /* フォント（HPと同じ M PLUS Rounded 1c） */
  --font: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;

  /* ロゴの2色（名刺と同じ） */
  --logo-a: #f254b2; /* 「ゆいち」 */
  --logo-b: #4fc1c0; /* 「問題解決」 */

  /* 基本の色 */
  --c-ink: #1c2b2a;
  --c-ink-soft: #4a5b5a;
  --c-gray: #6b7b7a;
  --c-line: #dce8e8;
  --c-bg: #ffffff;
  --c-mist: #eef8f8;

  /* メインの色（ボタン・選択中のメニューなど） */
  --c-primary: #3bb0ac;
  --c-primary-dark: #2e7d7a;
  --c-primary-soft: #e3f4f3;
  --grad-primary: linear-gradient(115deg, #4fc1c0 0%, #54b6cc 100%);

  /* 強調の色（見出しのラベル・未読・大事なお知らせ） */
  --c-accent: #d63d96;
  --c-accent-soft: #fde8f3;
  --grad-accent: linear-gradient(115deg, #f254b2 0%, #d63d96 100%);

  /* 状態の色 */
  --c-ok: #2a9d74;
  --c-ok-soft: #e2f5ee;
  --c-warn: #d48a14;
  --c-warn-soft: #fdf1dc;
  --c-danger: #dc0451;
  --c-danger-soft: #fde7ef;
  --c-sky: #54b6cc;
  --c-sky-soft: #e3f3f7;

  /* 面（カード）— HPの「ガラスのカード」 */
  --c-surface: rgba(255, 255, 255, 0.78);
  --c-surface-solid: #ffffff;
  --c-surface-edge: rgba(255, 255, 255, 0.95);
  --c-chrome: rgba(255, 255, 255, 0.72); /* ヘッダー・サイドメニュー（すりガラス） */

  /* 背景のオーロラ（HPの「白い宇宙」） */
  --aurora-1: rgba(79, 193, 192, 0.34);
  --aurora-2: rgba(84, 182, 204, 0.26);
  --aurora-3: rgba(242, 84, 178, 0.2);

  /* 形 */
  --radius-l: 22px;
  --radius-m: 14px;
  --radius-s: 10px;
  --shadow: 0 10px 30px -14px rgba(28, 60, 58, 0.28), 0 2px 6px -2px rgba(28, 60, 58, 0.08);
  --shadow-pop: 0 24px 60px -20px rgba(28, 60, 58, 0.45);
}