/*
 * Midnight Operations
 * Dark operations-center preset with restrained luminous accents.
 */

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

  --st-bg: #08111a;
  --st-bg-rgb: 8, 17, 26;
  --st-surface: #101b26;
  --st-surface-2: #152331;
  --st-surface-3: #1d3040;
  --st-main-bg: rgba(12, 21, 31, 0.82);
  --st-nav-bg: rgba(10, 18, 27, 0.8);
  --st-sidebar-bg: #0b141e;
  --st-sidebar-line: rgba(255, 255, 255, 0.08);
  --st-sidebar-active: rgba(109, 183, 255, 0.12);
  --st-sidebar-ink: #edf4fb;
  --st-sidebar-muted: rgba(237, 244, 251, 0.62);

  --st-ink: #edf4fb;
  --st-ink-rgb: 237, 244, 251;
  --st-muted: #9cb0c3;
  --st-muted-rgb: 156, 176, 195;
  --st-line: rgba(199, 224, 244, 0.15);
  --st-line-soft: rgba(199, 224, 244, 0.09);

  --st-primary: #6db7ff;
  --st-primary-rgb: 109, 183, 255;
  --st-primary-strong: #4ea4f8;
  --st-secondary: #9cb0c3;
  --st-secondary-rgb: 156, 176, 195;
  --st-accent: #7de2d4;
  --st-accent-rgb: 125, 226, 212;
  --st-success: #64d2a7;
  --st-success-rgb: 100, 210, 167;
  --st-warning: #f5c56c;
  --st-warning-rgb: 245, 197, 108;
  --st-danger: #ff8c8c;
  --st-danger-rgb: 255, 140, 140;
  --st-info: #79c7ff;
  --st-info-rgb: 121, 199, 255;
  --st-on-primary: #07111b;
  --st-on-success: #07111b;
  --st-on-info: #07111b;
  --st-on-warning: #07111b;
  --st-on-danger: #07111b;
  --st-tooltip-bg: #edf4fb;
  --st-tooltip-ink: #07111b;

  --st-input-bg: rgba(16, 27, 38, 0.92);
  --st-input-bg-focus: rgba(20, 35, 49, 1);
  --st-button-primary-bg: linear-gradient(135deg, #6db7ff, #4ea4f8);
  --st-button-primary-border: rgba(109, 183, 255, 0.86);
  --st-button-primary-shadow: 0 14px 30px rgba(109, 183, 255, 0.22);
  --st-button-primary-hover-bg: linear-gradient(135deg, #82c2ff, #5daeff);
  --st-button-primary-hover-border: rgba(130, 194, 255, 0.96);
  --st-button-primary-hover-shadow: 0 18px 38px rgba(109, 183, 255, 0.3);
  --st-button-outline-bg: rgba(16, 27, 38, 0.55);
  --st-button-outline-border: rgba(109, 183, 255, 0.34);
  --st-button-outline-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
  --st-button-outline-hover-bg: rgba(109, 183, 255, 0.12);
  --st-button-outline-hover-border: rgba(109, 183, 255, 0.62);
  --st-button-outline-hover-shadow: 0 14px 28px rgba(109, 183, 255, 0.18);
  --st-button-light-bg: rgba(21, 35, 49, 0.88);
  --st-button-light-border: rgba(199, 224, 244, 0.16);
  --st-button-light-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
  --st-button-light-hover-bg: rgba(29, 48, 64, 0.98);
  --st-button-light-hover-border: rgba(199, 224, 244, 0.24);
  --st-button-light-hover-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
  --st-radius-sm: 0.45rem;
  --st-radius-md: 0.72rem;
  --st-radius-lg: 1rem;
  --st-radius-xl: 1.35rem;
  --st-shadow-sm: 0 12px 28px rgba(0, 0, 0, 0.26);
  --st-shadow-md: 0 24px 52px rgba(0, 0, 0, 0.34);
  --st-shadow-lg: 0 38px 88px rgba(0, 0, 0, 0.46);

  --st-grid-line: rgba(109, 183, 255, 0.11);
  --st-grid-opacity: 0.5;
  --st-body-background:
    radial-gradient(circle at 10% 0%, rgba(125, 226, 212, 0.12), transparent 24%),
    radial-gradient(circle at 88% 0%, rgba(109, 183, 255, 0.18), transparent 30%),
    linear-gradient(135deg, #08111a 0%, #0b1621 42%, #0e1d2a 100%);
}