@import url('./base.css');

:root {
  --color-text: #0f241c;
  --color-text-muted: rgba(15, 36, 28, 0.6);
  --color-text-soft: rgba(15, 36, 28, 0.72);
  --color-text-strong: rgba(15, 36, 28, 0.9);
  --color-heading: #0b2018;
  --color-link: #45c797;
  --color-link-visited: #46695a;
  --color-bg: linear-gradient(135deg, #ffffff 0%, #f3f8f6 55%, #deeae6 100%);
  --color-glass-bg: rgba(255, 255, 255, 0.82);
  --color-glass-border: rgba(12, 31, 24, 0.12);
  --color-glass-nav-bg: rgba(255, 255, 255, 0.94);
  --color-glass-nav-border: rgba(12, 31, 24, 0.08);
  --color-nav-item: rgba(15, 36, 28, 0.78);
  --color-nav-item-hover-bg: rgba(15, 36, 28, 0.08);
  --color-nav-item-active-bg: rgba(47, 143, 107, 0.18);
  --color-nav-item-active-border: #2f8f6b;
  --color-nav-icon-bg: rgba(15, 36, 28, 0.08);
  --color-nav-icon: rgba(15, 36, 28, 0.7);
  --color-nav-icon-hover-bg: rgba(47, 143, 107, 0.18);
  --color-nav-icon-hover: #0f241c;
  --color-nav-icon-active-bg: rgba(47, 143, 107, 0.24);
  --color-nav-icon-active: #0f241c;
  --color-nav-section: rgba(15, 36, 28, 0.45);
  --color-gradient-start: #1f6b52;
  --color-gradient-end: #3aa77a;
  --color-orb-1: rgba(47, 143, 107, 0.18);
  --color-orb-2: rgba(15, 36, 28, 0.12);
  --color-orb-3: rgba(223, 236, 232, 0.7);
  --color-button-primary-bg: #2f8f6b;
  --color-button-primary-text: #f7fffb;
  --color-button-primary-shadow: 0 12px 30px rgba(47, 143, 107, 0.25);
  --color-button-outline-text: #0f241c;
  --color-button-outline-border: rgba(15, 36, 28, 0.2);
  --color-button-active-bg: rgba(47, 143, 107, 0.22);
  --color-button-active-text: #0f241c;
  --color-input-bg: rgba(255, 255, 255, 0.96);
  --color-input-border: rgba(15, 36, 28, 0.16);
  --color-input-text: #0f241c;
  --color-input-focus: rgba(47, 143, 107, 0.35);
  --color-card-bg: linear-gradient(135deg, rgba(248, 252, 250, 0.98) 0%, rgba(236, 245, 241, 0.98) 100%);
  --color-card-border: rgba(47, 143, 107, 0.18);
  --color-card-shadow: 0 24px 48px rgba(12, 31, 24, 0.12);
  --color-card-hover-shadow: 0 28px 56px rgba(12, 31, 24, 0.18);
  --color-card-subtle-bg: rgba(227, 239, 234, 0.75);
  --color-stat-trend: #2a8b64;
  --color-alert-bg: rgba(255, 255, 255, 0.86);
  --color-alert-border: rgba(12, 31, 24, 0.08);
  --color-table-head-bg: rgba(226, 238, 233, 0.85);
  --color-table-border: rgba(12, 31, 24, 0.08);
  --color-badge-success-bg: rgba(47, 143, 107, 0.18);
  --color-badge-success-border: rgba(47, 143, 107, 0.4);
  --color-badge-warning-bg: rgba(242, 184, 50, 0.18);
  --color-badge-warning-border: rgba(242, 184, 50, 0.35);
  --color-badge-danger-bg: rgba(242, 119, 119, 0.18);
  --color-badge-danger-border: rgba(242, 119, 119, 0.4);
  --color-timeline-dot-shadow: 0 0 0 4px rgba(47, 143, 107, 0.2);
  --color-timeline-line: rgba(15, 36, 28, 0.1);
  --color-avatar-bg: rgba(47, 143, 107, 0.2);
  --color-avatar-text: #0f241c;
  --color-danger-bg: #f27777;
  --color-danger-text: #0f241c;
  --color-tag-bg: rgba(47, 143, 107, 0.16);
  --color-tag-border: rgba(47, 143, 107, 0.28);
  --color-menu-toggle-bar: rgba(15, 36, 28, 0.8);
  --color-badge-admin-bg: rgba(255, 215, 0, 0.2);
  --color-badge-admin-border: rgba(255, 215, 0, 0.45);
  --color-badge-admin-text: #9c7a00;
  --color-badge-user-bg: rgba(47, 143, 107, 0.18);
  --color-badge-user-border: rgba(47, 143, 107, 0.45);
  --color-notice-bg: rgba(47, 143, 107, 0.16);
  --color-notice-border: rgba(47, 143, 107, 0.32);
  --color-notice-text: #0f241c;
  --color-notice-error-bg: rgba(242, 119, 119, 0.2);
  --color-notice-error-border: rgba(242, 119, 119, 0.4);
  --color-notice-info-bg: rgba(80, 110, 100, 0.22);
  --color-notice-info-border: rgba(80, 110, 100, 0.3);
  --color-map-empty-bg: rgba(21, 45, 36, 0.45);
  --color-chart-fill: linear-gradient(180deg, rgba(47, 143, 107, 0.85), rgba(22, 95, 72, 0.6));
  --color-chart-shadow: 0 12px 30px rgba(26, 91, 70, 0.2);
  --color-chart-legend-shadow: 0 4px 10px rgba(26, 91, 70, 0.2);
  --color-radar-grid-fill: rgba(47, 143, 107, 0.08);
  --color-radar-grid-stroke: rgba(47, 143, 107, 0.16);
  --color-radar-line: rgba(15, 36, 28, 0.18);
  --color-radar-surface-fill: rgba(47, 143, 107, 0.2);
  --color-radar-surface-stroke: rgba(47, 143, 107, 0.65);
  --color-bar-bg: rgba(47, 143, 107, 0.08);
  --color-star-muted: rgba(15, 36, 28, 0.2);
  --color-accent: #2f8f6b;
}