/* Coachonaut Design System v2.3.46 */
:root {
  --cnct-bg: #f7f8fc;
  --cnct-surface: #ffffff;
  --cnct-surface-alt: #f2f5fb;
  --cnct-text: #111827;
  --cnct-text-soft: #6b7280;
  --cnct-border: #d9e2f0;
  --cnct-accent: #4f46e5;
  --cnct-accent-strong: #312e81;
  --cnct-success: #10b981;
  --cnct-radius-lg: 18px;
  --cnct-radius-md: 12px;
  --cnct-shadow: 0 16px 40px rgba(17,24,39,.08);
}

.cnct-theme-modern {
  --cnct-bg: #0f172a;
  --cnct-surface: #111827;
  --cnct-surface-alt: #1f2937;
  --cnct-text: #f9fafb;
  --cnct-text-soft: #cbd5e1;
  --cnct-border: #334155;
  --cnct-accent: #8b5cf6;
  --cnct-accent-strong: #c4b5fd;
  --cnct-shadow: 0 18px 48px rgba(2,6,23,.45);
}

.cnct-design-area {
  color: var(--cnct-text);
}

.cnct-design-area .cnct-box,
.cnct-design-area .cnct-role-card,
.cnct-design-area .cnct-list-item,
.cnct-design-area .cnct-card {
  background: var(--cnct-surface);
  border-color: var(--cnct-border);
}

.cnct-design-area .cnct-muted {
  color: var(--cnct-text-soft);
}

.cnct-design-area .cnct-btn {
  border-radius: 999px;
}

.cnct-ui-card {
  border-radius: var(--cnct-radius-lg);
  box-shadow: var(--cnct-shadow);
}

/* Area-specific hooks for future targeted Modern-only work */
.cnct-design-hub-modern {}
.cnct-design-dashboard-modern {}
.cnct-design-client_dashboard-modern {}
.cnct-design-coach_profiles-modern {}
.cnct-design-helpdesk-modern {}
.cnct-design-support-modern {}
.cnct-design-booking-modern {}