/**
 * Ainy カラー正本（2026-10）
 *
 * 色コードを書いてよいのはこのファイルの Primitive だけ。
 * ページとコンポーネントは Semantic を使う。
 * clinic（body.clinic-app）では読み込まない。
 */

:root {
  /* Navy（文字・濃い面） */
  --ainy-navy-900: #14304F;
  --ainy-navy-700: #24486B;

  /* Cyan（アクション） */
  --ainy-cyan-500: #25B7F2;
  --ainy-cyan-700: #0868A3;
  --ainy-cyan-800: #0D5A93;
  --ainy-cyan-300: #9ED8F5;
  --ainy-cyan-100: #E3F6FD;

  /* Amber（注目・コーチ） */
  --ainy-amber-500: #F0AC12;
  --ainy-amber-800: #8A5300;
  --ainy-amber-900: #3D2800;
  --ainy-amber-100: #FFF4DC;

  /* Yellow（強調） */
  --ainy-yellow-400: #FFD43B;
  --ainy-yellow-200: #FFD580;

  /* Blue（公開ページの訴求ブロック専用） */
  --ainy-blue-600: #1273EB;

  /* Status */
  --ainy-green-700: #1D7A4B;
  --ainy-green-100: #E3F4EA;
  --ainy-red-700: #B42318;
  --ainy-red-100: #FDECEA;
  --ainy-coral-400: #FF6B6B;

  /* Gender（性別ラベル専用） */
  --ainy-rose-700: #B4235A;
  --ainy-rose-300: #F2B3C8;
  --ainy-rose-100: #FCE8EF;

  /* Neutral */
  --ainy-ink-600: #3D5168;
  --ainy-ink-500: #5A6E84;
  --ainy-ink-400: #8C9DB0;
  --ainy-line-300: #BFD9EE;
  --ainy-line-200: #DCE7F2;
  --ainy-line-150: #E3ECF4;
  --ainy-line-100: #EEF3F8;
  --ainy-surface-50: #F6FAFE;
  --ainy-page-bg: #EEF5FB;
  --ainy-white: #FFFFFF;

  /* 装飾（トップページの画面イメージ・WHY ブロック専用） */
  --ainy-cyan-150: #C9EDFC;
  --ainy-amber-700: #B77F06;
  --ainy-blue-200: #C9DCF5;
  --ainy-blue-900: #08285A;
  --ainy-blue-950: #081E46;
  --ainy-green-800: #2F6B4B;
  --ainy-line-400: #C3D3E3;

  /* 文字 */
  --color-text: var(--ainy-navy-900);
  --color-text-body: var(--ainy-ink-600);
  --color-text-sub: var(--ainy-ink-500);
  --color-text-muted: var(--ainy-ink-400);
  --color-text-on-dark: var(--ainy-white);
  --color-text-on-primary: var(--ainy-navy-900);
  --color-link: var(--ainy-cyan-800);
  --color-link-hover: var(--ainy-navy-900);
  --color-accent-text: var(--ainy-cyan-700);

  /* 面 */
  --color-bg-page: var(--ainy-page-bg);
  --color-surface: var(--ainy-white);
  --color-surface-sunken: var(--ainy-surface-50);
  --color-surface-dark: var(--ainy-navy-900);
  --color-surface-accent-soft: var(--ainy-cyan-100);
  --color-surface-attention-soft: var(--ainy-amber-100);
  --color-surface-promo: var(--ainy-blue-600);

  /* 線 */
  --color-border: var(--ainy-line-200);
  --color-border-strong: var(--ainy-navy-900);
  --color-divider: var(--ainy-line-150);
  --color-divider-soft: var(--ainy-line-100);
  --color-divider-dashed: var(--ainy-line-300);

  /* アクション */
  --color-primary: var(--ainy-cyan-500);
  --color-primary-strong: var(--ainy-navy-900);
  --color-focus-ring: var(--ainy-cyan-500);

  /* 注目・強調 */
  --color-attention: var(--ainy-amber-500);
  --color-attention-text: var(--ainy-amber-800);
  --color-on-attention: var(--ainy-amber-900);
  --color-highlight: var(--ainy-yellow-400);
  --color-marker: var(--ainy-yellow-200);

  /* 状態 */
  --color-success: var(--ainy-green-700);
  --color-success-soft: var(--ainy-green-100);
  --color-danger: var(--ainy-red-700);
  --color-danger-soft: var(--ainy-red-100);
  --color-danger-icon: var(--ainy-coral-400);
  --color-info: var(--ainy-cyan-800);
  --color-info-soft: var(--ainy-cyan-100);

  /* カレンダー */
  --color-calendar-saturday: var(--ainy-cyan-700);
  --color-calendar-sunday: var(--ainy-red-700);

  /* 影 */
  --shadow-card: 0 1px 3px color-mix(in srgb, var(--ainy-navy-900) 8%, transparent);
  --shadow-float: 0 16px 36px color-mix(in srgb, var(--ainy-navy-900) 18%, transparent);

  /* 性別ラベル */
  --gender-label-text: var(--ainy-navy-900);
  --gender-label-bg: var(--ainy-white);
  --gender-boys-dot: var(--ainy-cyan-700);
  --gender-boys-border: var(--ainy-cyan-300);
  --gender-girls-dot: var(--ainy-rose-700);
  --gender-girls-border: var(--ainy-rose-300);
}