/* cocotre — Design Tokens (SSoT)
 * 視覚層の単一の真実。demo/ と webapp/ が両方このファイルを参照する。
 * framework-agnostic な CSS カスタムプロパティ。Tailwind v4 の @theme がここを読む。
 * 由来: mental-trend design-system.html v1.3 (Primary #0093E6 系) を移植。
 * 変更時は両プロジェクトに波及する (見た目を一致させ続けるための共有点)。
 */
:root {
  /* ---- Primary ---- */
  --primary-50:#E7F1FD; --primary-100:#D8EAF7; --primary-300:#59A9E0;
  --primary-500:#0093E6; --primary-600:#0076B8; --primary-700:#1573B8; --primary-900:#015E92;

  /* ---- Accent / Semantic ---- */
  --accent-500:#FF3D00; --success-500:#16A34A; --warning-500:#E0A800;
  --error-500:#DC2626; --info-500:#00B9D2; --highlight:#FFF500;

  /* ---- Text ---- */
  --text-main:#333333; --text-sub:#666666; --text-disabled:#999999;

  /* ---- Surface / Border ---- */
  --border:#CCCCCC; --divider:#E1E1E1;
  --bg-subtle:#F7F7F7; --bg-muted:#F4F4F4; --surface:#FFFFFF;

  /* ---- Evaluation / Score (受検結果の色分け) ---- */
  --eval-good:#CCF2FF; --eval-warning:#FFEBCD;
  --score-hr-bg:#FDE8E8; --score-hr-tx:#B91C1C;
  --score-ca-bg:#FEF3C7; --score-ca-tx:#92400E;
  --ent-bg:#EDE9FE; --ent-tx:#5B21B6;

  /* ---- Typography ---- */
  --font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;

  /* ---- Radius / Shadow ---- */
  --radius:8px; --radius-sm:4px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.06);
  --shadow-md:0 4px 12px rgba(0,0,0,.10);
}