:root {
  --color-primary: #008080;
  --color-primary-rgb: 0, 128, 128;
  --color-primary-hover: #429E9D;
  --color-primary-soft: #E0FFFF;
  --color-info: #48D1CC;
  --color-success: #CCC294;
  --color-warning: #FFE44B;
  --color-danger: #FF7F7F;
  --color-dark: #003D3D;
  --color-light: #F1EFE4;

  --color-secondary: #8592A3;
  --color-secondary-rgb: 133, 146, 163;
  --color-text: #697A8D;
  --color-heading: #566A7F;
  --color-muted: #A1ACB8;
  --color-border: #ECEEF1;
  --color-card: #FFFFFF;
  --color-body-bg: #F5F5F9;
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* Bootstrap互換エイリアス */
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: var(--color-primary-rgb);
  --bs-secondary: var(--color-secondary);
  --bs-secondary-rgb: var(--color-secondary-rgb);
  --bs-success: var(--color-success);
  --bs-warning: var(--color-warning);
  --bs-danger: var(--color-danger);
  --bs-info: var(--color-info);
  --bs-dark: var(--color-dark);
  --bs-light: var(--color-light);
  --bs-body-color: var(--color-text);
  --bs-body-bg: var(--color-body-bg);
  --bs-border-color: var(--color-border);
}