/*
 * v2（Salon Workspace）のデザイントークン。正は DES-UX-010 §10。
 *
 * **色の生値を持ってよいのはこのファイルだけ**（ADR-0014 決定3）。
 * 他の cocpi-v2-*.css と画面はトークンだけを参照する。検査が強制する。
 *
 * 値は 2026-08-11 に全ての載る面で実測した（DES-UX-010 §10.2）。
 * ブリーフから差し替えた値: text-muted（#817a76 → #6f6863）、
 * 入力欄の境界（#cfc7c2 では 1.67:1 → border-input #8a8380 を新設）。
 */
:root {
  /* 面 */
  --cocpi-v2-bg-app: #f6f1ea;
  --cocpi-v2-bg-canvas: #ffffff;
  --cocpi-v2-bg-subtle: #f0ebe2;
  --cocpi-v2-bg-hover: #f7eee7;

  /* 文字。基準は本文 4.5:1（REQ-UX-013）。実測は DES-UX-010 §10.2 */
  --cocpi-v2-text: #2c2a28;
  --cocpi-v2-text-secondary: #57514a;
  --cocpi-v2-text-muted: #6b655d;
  --cocpi-v2-text-inverse: #ffffff;

  /* ブランド */
  --cocpi-v2-brand: #bd5829;
  --cocpi-v2-brand-hover: #a44c24;
  --cocpi-v2-brand-soft: #f4e6db;
  --cocpi-v2-brand-soft-strong: #f0d7c8;

  /* **ロゴの色と画面の色を統合した**（2026-08-23。ADR-0029）。以前は
     2 体系（プラム／ゴールドのロゴ色と、マゼンタの画面色）に分けていたが、
     v3 のロゴが charcoal + terracotta になり、画面もその 2 色で組めるように
     なったため 1 体系にした。

     `logo-surface` は**ロゴを載せる濃い面**（起動画像の地、`theme-color`）。
     `console-bar` と同じ値だが役割が違うため名前を分ける
     （`scripts/build_splash.py` はこの値を読む） */
  --cocpi-v2-logo-surface: #2c2a28;

  /* **面と文字で terracotta の濃さを分ける**（DES-UX-010 §3.2.2）。
     面（`brand`）は白文字を載せて 4.57、文字（`brand-text`）はきなり面で
     4.62。**1 つの値で兼ねると、面に使えるまで明るくすると文字で 4.5 を
     割り、文字に使えるまで濃くすると terracotta に見えなくなる** */
  --cocpi-v2-brand-text: #994821;

  /* 境界。border / border-strong / border-card は装飾（情報を担わない）。
     入力欄など操作部品の境界は border-input（3:1 以上） */
  --cocpi-v2-border: #e7ded1;
  --cocpi-v2-border-strong: #d8ccbc;

  /* **器（カード）の枠**（2026-08-23 のオーナー指摘「もう少し濃く」）。
     `border` は白の面で 1.33 しかなく、白いキャンバスの上では枠が沈む。
     **`border-strong`（1.58）でも目視で差が出なかった**ため、
     `border-strong` と `border-input` を結ぶ線の上で **2.03** を採った。
     行の罫（`border`）を濃くすると表が縞に見えるので、器だけを分ける */
  --cocpi-v2-border-card: #c4b49c;
  --cocpi-v2-border-input: #9f8661;

  /* 状態。soft は文字を載せる面（載せてよい文字は同系の濃色のみ） */
  --cocpi-v2-success: #3b6c39;
  --cocpi-v2-success-soft: #e5eade;
  --cocpi-v2-warning: #7a5e00;
  --cocpi-v2-warning-soft: #f0e8d3;
  --cocpi-v2-error: #b0362a;
  /* 面を塗った危険ボタンの hover（`brand-hover` と対。DES-UX-020 §8.2.1）。
     **白文字とのコントラストは 8.87:1**（通常時 6.54:1 より濃くなる） */
  --cocpi-v2-error-hover: #892a21;
  --cocpi-v2-error-soft: #f4e5e0;

  /* 曜日の色（DES-UX-020 §3.6 の共通の語彙）。状態色と混同しないため別に持つ。
     当日の面（brand-soft）・未入力の面（warning-soft）の上でも 4.5:1 以上。

     **2026-08-13 に濃くした**（オーナー指摘「色が薄くて分かりづらい」）。
     旧値は 5.61:1 / 6.42:1 で、**本文（15.65:1）より薄い。** 基準は満たすが、
     並べると「目立つ色」ではなく「薄れた文字」に見える。新値は 9.82:1 /
     9.13:1 で、本文との差が縮まり色の違いとして読める */
  --cocpi-v2-saturday: #204f75;
  --cocpi-v2-sunday: #852b45;

  /* 管理コンソールの帯（DES-CON-010 §2）。**テナント業務画面と区別する。**
     業務画面の面は白／淡色であり、濃い面は console だけに使う */
  --cocpi-v2-console-bar: #2c2a28;
  --cocpi-v2-console-bar-text: #f6f1ea;
  --cocpi-v2-console-badge: rgba(255, 255, 255, 0.16);

  /* フォーカス。2 重リング（DES-UX-010 §10.6）。
     内側の淡いミントは 2026-08-11 に実機で候補 7 色から選定した。
     黒 13.25 / ブランド面 6.70 / error 面 5.54（いずれも 3:1 以上） */
  --cocpi-v2-focus-ring: #f6f1ea;

  /* 角丸 */
  --cocpi-v2-radius-control: 12px;
  --cocpi-v2-radius-card: 18px;
  --cocpi-v2-radius-canvas: 24px;
  --cocpi-v2-radius-pill: 999px;

  /* 影。この 2 つ以外を作らない（REQ-UX-012.1） */
  --cocpi-v2-shadow-canvas: 0 1px 2px rgba(37, 35, 34, 0.05),
                            0 8px 28px rgba(37, 35, 34, 0.04);
  --cocpi-v2-shadow-float: 0 12px 36px rgba(37, 35, 34, 0.14);

  /* 浮く面の背後の覆い */
  --cocpi-v2-scrim: rgba(37, 35, 34, 0.4);

  /* 動き。200ms 級を超えない（DES-UX-010 §6.0 の規律を引き継ぐ） */
  --cocpi-v2-duration-fast: 120ms;
  --cocpi-v2-duration: 180ms;
  --cocpi-v2-duration-panel: 220ms;
}