/**
 * チーム UI の共通色
 *
 * 男女でヘッダー・ボタン・選択色を切り替えない。
 * 色の正本は layout/ainy-color-tokens.css。
 * data-team-theme 属性は残すが、見た目には使わない。
 */

body[data-team-theme] {
  --page-header-bg: var(--color-surface);
  --page-header-title-color: var(--color-text);
  --page-header-description-color: var(--color-text-body);
  --schedule-selection-gradient: var(--color-primary);
  --schedule-btn-gradient: var(--color-primary);
  --schedule-selection-tint: var(--color-surface-accent-soft);
  --schedule-focus-ring: var(--color-focus-ring);
  --schedule-filter-all-bg: var(--color-primary);
  --schedule-filter-confirmed-bg: var(--color-surface-accent-soft);
  --schedule-filter-confirmed-border: var(--color-info);
  --schedule-filter-tentative-bg: var(--color-surface-attention-soft);
  --schedule-filter-tentative-border: var(--color-attention);
  --schedule-filter-tentative-text: var(--color-attention-text);
  --schedule-status-confirmed-bg: var(--color-success-soft);
  --schedule-status-tentative-bg: var(--color-surface-attention-soft);
  --schedule-status-recruit-bg: var(--color-surface-attention-soft);
}

body.web-app-page[data-team-theme] .dashboard-header,
body.web-app-page[data-team-theme] .communication-header {
  background: var(--color-surface);
  color: var(--color-text);
  box-shadow: inset 0 -1px 0 var(--color-border);
}

body.web-app-page[data-team-theme] .dashboard-header h1,
body.web-app-page[data-team-theme] .dashboard-header p,
body.web-app-page[data-team-theme] .communication-header h1,
body.web-app-page[data-team-theme] .communication-header p {
  color: var(--color-text);
}

body.web-app-page[data-team-theme] .dashboard-header p,
body.web-app-page[data-team-theme] .communication-header p {
  color: var(--color-text-body);
}

body[data-team-theme] .page-communication-main .communication-content--pattern-c {
  --comm-accent: var(--color-primary);
  --comm-accent-dark: var(--color-primary-strong);
  --comm-accent-soft: var(--color-surface-accent-soft);
  --comm-filter-active-bg: var(--color-surface);
  --comm-filter-active-ring: var(--color-focus-ring);
}

body[data-team-theme] .page-communication-main .chat-page-shell {
  --chat-accent: var(--color-primary);
  --chat-accent-own: var(--color-primary);
}

body[data-team-theme] .page-notifications.ainy-notifications-page {
  --ainy-notif-accent: var(--color-primary);
  --ainy-notif-tab-active-bg: var(--color-surface);
  --ainy-notif-tab-active-ring: var(--color-focus-ring);
}

body.web-app-page.page-team-settings[data-team-theme] .team-settings-dash__btn--primary {
  background: var(--color-primary);
  color: var(--color-text-on-primary);
}