/*
 * Forest Deep
 * Dark forest green with cream accents. Глубокая природная тема,
 * хорошо подходит для строительной/деревянной тематики.
 */

html[data-saas-theme='forest-deep'] {
  --st-color-scheme: dark;

  --st-bg: #0e1a14;
  --st-bg-rgb: 14, 26, 20;
  --st-surface: #15251c;
  --st-surface-2: #1c3024;
  --st-surface-3: #233b2d;
  --st-main-bg: rgba(21, 37, 28, 0.92);
  --st-nav-bg: rgba(21, 37, 28, 0.96);
  --st-sidebar-bg: #0a140f;
  --st-sidebar-line: rgba(167, 199, 175, 0.1);
  --st-sidebar-active: rgba(127, 187, 144, 0.16);
  --st-sidebar-ink: #e6efe9;
  --st-sidebar-muted: rgba(230, 239, 233, 0.6);

  --st-ink: #e6efe9;
  --st-ink-rgb: 230, 239, 233;
  --st-muted: #92a89a;
  --st-muted-rgb: 146, 168, 154;
  --st-line: rgba(167, 199, 175, 0.16);
  --st-line-soft: rgba(167, 199, 175, 0.08);

  --st-primary: #7fbb90;
  --st-primary-rgb: 127, 187, 144;
  --st-primary-strong: #5e9d72;
  --st-secondary: #92a89a;
  --st-secondary-rgb: 146, 168, 154;
  --st-accent: #d4b974;
  --st-accent-rgb: 212, 185, 116;
  --st-success: #7fbb90;
  --st-success-rgb: 127, 187, 144;
  --st-warning: #e5b465;
  --st-warning-rgb: 229, 180, 101;
  --st-danger: #d97070;
  --st-danger-rgb: 217, 112, 112;
  --st-info: #82b3c9;
  --st-info-rgb: 130, 179, 201;
  --st-on-primary: #0a140f;
  --st-on-success: #0a140f;
  --st-on-info: #0a140f;
  --st-on-warning: #0a140f;
  --st-on-danger: #fff4f4;
  --st-tooltip-bg: #e6efe9;
  --st-tooltip-ink: #0a140f;

  --st-input-bg: rgba(28, 48, 36, 0.7);
  --st-input-bg-focus: #1c3024;
  --st-button-primary-bg: linear-gradient(135deg, #7fbb90, #5e9d72);
  --st-button-primary-border: rgba(127, 187, 144, 0.92);
  --st-button-primary-shadow: 0 12px 24px rgba(0, 0, 0, 0.42);
  --st-button-primary-hover-bg: linear-gradient(135deg, #5e9d72, #437d56);
  --st-button-primary-hover-border: rgba(94, 157, 114, 1);
  --st-button-primary-hover-shadow: 0 16px 30px rgba(0, 0, 0, 0.48);
  --st-button-outline-bg: rgba(28, 48, 36, 0.42);
  --st-button-outline-border: rgba(127, 187, 144, 0.42);
  --st-button-outline-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);
  --st-button-outline-hover-bg: rgba(127, 187, 144, 0.16);
  --st-button-outline-hover-border: rgba(127, 187, 144, 0.6);
  --st-button-outline-hover-shadow: 0 10px 22px rgba(0, 0, 0, 0.38);
  --st-button-light-bg: rgba(28, 48, 36, 0.6);
  --st-button-light-border: rgba(167, 199, 175, 0.16);
  --st-button-light-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
  --st-button-light-hover-bg: rgba(35, 59, 45, 0.8);
  --st-button-light-hover-border: rgba(167, 199, 175, 0.24);
  --st-button-light-hover-shadow: 0 12px 22px rgba(0, 0, 0, 0.36);
  --st-radius-sm: 0.5rem;
  --st-radius-md: 0.85rem;
  --st-radius-lg: 1.2rem;
  --st-radius-xl: 1.6rem;
  --st-shadow-sm: 0 12px 26px rgba(0, 0, 0, 0.3);
  --st-shadow-md: 0 22px 48px rgba(0, 0, 0, 0.4);
  --st-shadow-lg: 0 32px 78px rgba(0, 0, 0, 0.5);

  --st-grid-line: rgba(127, 187, 144, 0.16);
  --st-grid-opacity: 0.35;
  --st-body-background:
    radial-gradient(circle at 10% 0%, rgba(127, 187, 144, 0.14), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(212, 185, 116, 0.08), transparent 28%),
    linear-gradient(135deg, #0e1a14 0%, #15251c 42%, #1c3024 100%);
}