/*
 * Sunset Studio
 * Warm coral + dusty terracotta light preset. Creative-studio feel —
 * подходит для маркетинговых дашбордов, дизайн-агентств.
 */

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

  --st-bg: #fdf4ee;
  --st-bg-rgb: 253, 244, 238;
  --st-surface: #fffbf7;
  --st-surface-2: #f7e6da;
  --st-surface-3: #efd1bb;
  --st-main-bg: rgba(255, 251, 247, 0.78);
  --st-nav-bg: rgba(255, 251, 247, 0.88);
  --st-sidebar-bg: #2b1f1b;
  --st-sidebar-line: rgba(255, 248, 240, 0.08);
  --st-sidebar-active: rgba(255, 145, 96, 0.18);
  --st-sidebar-ink: #fbeee3;
  --st-sidebar-muted: rgba(251, 238, 227, 0.66);

  --st-ink: #2b1d18;
  --st-ink-rgb: 43, 29, 24;
  --st-muted: #7c5d4f;
  --st-muted-rgb: 124, 93, 79;
  --st-line: rgba(50, 25, 15, 0.14);
  --st-line-soft: rgba(50, 25, 15, 0.08);

  --st-primary: #e25822;
  --st-primary-rgb: 226, 88, 34;
  --st-primary-strong: #c84818;
  --st-secondary: #7c5d4f;
  --st-secondary-rgb: 124, 93, 79;
  --st-accent: #d4a373;
  --st-accent-rgb: 212, 163, 115;
  --st-success: #6a9a55;
  --st-success-rgb: 106, 154, 85;
  --st-warning: #d49c2a;
  --st-warning-rgb: 212, 156, 42;
  --st-danger: #c54d3f;
  --st-danger-rgb: 197, 77, 63;
  --st-info: #5e87a8;
  --st-info-rgb: 94, 135, 168;
  --st-on-primary: #fff5ed;
  --st-on-success: #fff5ed;
  --st-on-info: #fff5ed;
  --st-on-warning: #fff5ed;
  --st-on-danger: #fff5ed;
  --st-tooltip-bg: #2b1f1b;
  --st-tooltip-ink: #fbeee3;

  --st-input-bg: rgba(255, 251, 247, 0.96);
  --st-input-bg-focus: #fffbf7;
  --st-button-primary-bg: linear-gradient(135deg, #e25822, #c84818);
  --st-button-primary-border: rgba(226, 88, 34, 0.92);
  --st-button-primary-shadow: 0 12px 24px rgba(226, 88, 34, 0.22);
  --st-button-primary-hover-bg: linear-gradient(135deg, #c84818, #a93a10);
  --st-button-primary-hover-border: rgba(200, 72, 24, 1);
  --st-button-primary-hover-shadow: 0 16px 30px rgba(226, 88, 34, 0.28);
  --st-button-outline-bg: rgba(255, 251, 247, 0.58);
  --st-button-outline-border: rgba(226, 88, 34, 0.28);
  --st-button-outline-shadow: 0 8px 18px rgba(50, 25, 15, 0.05);
  --st-button-outline-hover-bg: rgba(226, 88, 34, 0.08);
  --st-button-outline-hover-border: rgba(226, 88, 34, 0.46);
  --st-button-outline-hover-shadow: 0 10px 22px rgba(226, 88, 34, 0.12);
  --st-button-light-bg: rgba(255, 251, 247, 0.82);
  --st-button-light-border: rgba(50, 25, 15, 0.14);
  --st-button-light-shadow: 0 8px 18px rgba(50, 25, 15, 0.05);
  --st-button-light-hover-bg: #fffbf7;
  --st-button-light-hover-border: rgba(50, 25, 15, 0.18);
  --st-button-light-hover-shadow: 0 12px 22px rgba(50, 25, 15, 0.08);
  --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(50, 25, 15, 0.06);
  --st-shadow-md: 0 22px 48px rgba(50, 25, 15, 0.1);
  --st-shadow-lg: 0 32px 78px rgba(50, 25, 15, 0.14);

  --st-grid-line: rgba(226, 88, 34, 0.12);
  --st-grid-opacity: 0.42;
  --st-body-background:
    radial-gradient(circle at 12% 0%, rgba(226, 88, 34, 0.14), transparent 30%),
    radial-gradient(circle at 86% 8%, rgba(212, 163, 115, 0.12), transparent 28%),
    linear-gradient(135deg, #fffbf7 0%, #fdf4ee 42%, #f7e6da 100%);
}