/*
 * Nordic Ledger
 * Calm finance-oriented preset with quiet greens and generous whitespace.
 */

html[data-saas-theme='nordic-ledger'] {
  --st-color-scheme: light;

  --st-bg: #f4f3ef;
  --st-bg-rgb: 244, 243, 239;
  --st-surface: #fffdfa;
  --st-surface-2: #ebe9e2;
  --st-surface-3: #dbd8cf;
  --st-main-bg: rgba(255, 253, 250, 0.78);
  --st-nav-bg: rgba(255, 253, 250, 0.84);
  --st-sidebar-bg: #22312f;
  --st-sidebar-line: rgba(255, 255, 255, 0.08);
  --st-sidebar-active: rgba(255, 255, 255, 0.1);
  --st-sidebar-ink: #f5f6f2;
  --st-sidebar-muted: rgba(245, 246, 242, 0.66);

  --st-ink: #1f2827;
  --st-ink-rgb: 31, 40, 39;
  --st-muted: #67716d;
  --st-muted-rgb: 103, 113, 109;
  --st-line: rgba(31, 40, 39, 0.12);
  --st-line-soft: rgba(31, 40, 39, 0.07);

  --st-primary: #294843;
  --st-primary-rgb: 41, 72, 67;
  --st-primary-strong: #203a36;
  --st-secondary: #67716d;
  --st-secondary-rgb: 103, 113, 109;
  --st-accent: #718c7e;
  --st-accent-rgb: 113, 140, 126;
  --st-success: #4e7a63;
  --st-success-rgb: 78, 122, 99;
  --st-warning: #a98543;
  --st-warning-rgb: 169, 133, 67;
  --st-danger: #9e5d54;
  --st-danger-rgb: 158, 93, 84;
  --st-info: #55748b;
  --st-info-rgb: 85, 116, 139;
  --st-on-primary: #f7f8f4;
  --st-on-success: #f7f8f4;
  --st-on-info: #f7f8f4;
  --st-on-warning: #fffaf2;
  --st-on-danger: #fffaf2;
  --st-tooltip-bg: #22312f;
  --st-tooltip-ink: #f5f6f2;

  --st-input-bg: rgba(255, 253, 250, 0.96);
  --st-input-bg-focus: #fffdfa;
  --st-button-primary-bg: linear-gradient(135deg, #294843, #203a36);
  --st-button-primary-border: rgba(41, 72, 67, 0.9);
  --st-button-primary-shadow: 0 12px 24px rgba(41, 72, 67, 0.15);
  --st-button-primary-hover-bg: linear-gradient(135deg, #203a36, #182d2a);
  --st-button-primary-hover-border: rgba(32, 58, 54, 1);
  --st-button-primary-hover-shadow: 0 16px 30px rgba(41, 72, 67, 0.2);
  --st-button-outline-bg: rgba(255, 253, 250, 0.62);
  --st-button-outline-border: rgba(41, 72, 67, 0.24);
  --st-button-outline-shadow: 0 8px 18px rgba(32, 40, 37, 0.045);
  --st-button-outline-hover-bg: rgba(41, 72, 67, 0.07);
  --st-button-outline-hover-border: rgba(41, 72, 67, 0.4);
  --st-button-outline-hover-shadow: 0 10px 22px rgba(41, 72, 67, 0.1);
  --st-button-light-bg: rgba(255, 253, 250, 0.86);
  --st-button-light-border: rgba(31, 40, 39, 0.12);
  --st-button-light-shadow: 0 8px 18px rgba(32, 40, 37, 0.045);
  --st-button-light-hover-bg: #fffdfa;
  --st-button-light-hover-border: rgba(31, 40, 39, 0.18);
  --st-button-light-hover-shadow: 0 12px 22px rgba(32, 40, 37, 0.07);
  --st-radius-sm: 0.5rem;
  --st-radius-md: 0.82rem;
  --st-radius-lg: 1.15rem;
  --st-radius-xl: 1.55rem;
  --st-shadow-sm: 0 10px 24px rgba(32, 40, 37, 0.045);
  --st-shadow-md: 0 20px 42px rgba(32, 40, 37, 0.08);
  --st-shadow-lg: 0 30px 72px rgba(32, 40, 37, 0.11);

  --st-grid-line: rgba(41, 72, 67, 0.08);
  --st-grid-opacity: 0.18;
  --st-body-background:
    radial-gradient(circle at 10% 0%, rgba(113, 140, 126, 0.1), transparent 28%),
    radial-gradient(circle at 90% 6%, rgba(41, 72, 67, 0.08), transparent 24%),
    linear-gradient(135deg, #f8f7f4 0%, #f4f3ef 46%, #ece9e2 100%);
}