/*
 * Community Hub platform theme — Professional
 * Version 1.0
 *
 * Loaded after platform-design-system.css only when the platform theme
 * registry resolves the current organisation to "professional".
 * Geometry and component behaviour stay shared; this file owns the
 * Professional colour treatment.
 */

:root {
  color-scheme: light;

  /* Brand and text */
  --green: #4a6537;
  --forest: #4a6537;
  --deep-forest: #38482b;
  --leaf: #8fa27d;
  --orange: #4a6537;
  --ink: #202124;
  --muted: #666a6d;

  /* Professional surfaces */
  --hub-page-bg: #e5e7e8;
  --hub-surface: #f6f7f5;
  --hub-surface-subtle: #f7f7f5;
  --hub-surface-tint: #edf1e7;
  --hub-header-bg: #fafaf8;
  --hub-nav-bg: #fafaf8;
  --hub-border: #d5d8d6;
  --hub-border-strong: #b9bfbb;

  /* Cooler, quieter elevation */
  --hub-shadow-soft: 0 4px 14px rgba(32, 33, 36, .055);
  --hub-shadow-raised: 0 10px 28px rgba(32, 33, 36, .09);
  --hub-shadow-overlay: 0 24px 70px rgba(20, 24, 22, .26);

  /* Compatibility token used by older feature-specific components. */
  --sage-pale: #edf1e7;
}

.site-header {
  box-shadow: 0 3px 16px rgba(32, 33, 36, .055) !important;
}

input,
select,
textarea {
  border-color: color-mix(in srgb, var(--hub-border) 78%, #a9b0ac) !important;
}

/* Page introductions retain the subtle green corner treatment from the Hub
   while using the Professional card surface. */
.page-intro::after {
  background: #edf1e7 !important;
}

/* The dashboard welcome area follows the same neutral design language instead
   of the warm peach treatment used by Warm & Friendly. */
.dashboard-hero {
  color: var(--ink) !important;
  border-color: var(--hub-border) !important;
  background: linear-gradient(135deg, #f6f7f5 0%, #f6f7f5 68%, #edf1e7 100%) !important;
}

.dashboard-hero::after {
  background: color-mix(in srgb, var(--green) 12%, transparent) !important;
}

.dashboard-hero h1,
.dashboard-hero .lead {
  color: var(--ink) !important;
}

.dashboard-hero .eyebrow {
  color: var(--forest) !important;
}

.training-progress-track {
  stroke: #d6d7d4 !important;
}

.mobile-nav {
  box-shadow: 0 -8px 24px rgba(32, 33, 36, .09) !important;
}

/* Personal dark mode remains independent of the organisation's theme choice. */
html.dark-mode {
  color-scheme: dark;
  --hub-accent-text: #b1c8a0;
  --hub-accent-text-hover: #d6e3ce;
  --hub-page-bg: #191b1c;
  --hub-surface: #232725;
  --hub-surface-subtle: #282d2a;
  --hub-surface-tint: #2d342d;
  --hub-header-bg: #1e211f;
  --hub-nav-bg: #1e211f;
  --hub-border: #3f4742;
  --hub-border-strong: #59635d;
  --ink: #f1f3f2;
  --muted: #bcc3be;
  --sage-pale: #303930;
}

html.dark-mode .dashboard-hero {
  color: var(--ink) !important;
  border-color: var(--hub-border) !important;
  background: linear-gradient(135deg, #252a27 0%, #252a27 68%, #303930 100%) !important;
}

html.dark-mode .dashboard-hero h1,
html.dark-mode .dashboard-hero .lead {
  color: var(--ink) !important;
}

html.dark-mode .dashboard-hero .eyebrow {
  color: #c6d5b9 !important;
}

html.dark-mode .page-intro::after {
  background: #303930 !important;
}

html.dark-mode .training-progress-track {
  stroke: #46504a !important;
}