/*
 * Lumen OS
 * Apple-level SaaS preset: pearl white, lucid structure, subtle blue-gray precision.
 */

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

  --st-bg: #f5f7fb;
  --st-bg-rgb: 245, 247, 251;
  --st-surface: rgba(255, 255, 255, 0.92);
  --st-surface-2: #eef2f8;
  --st-surface-3: #dfe6f1;
  --st-main-bg: rgba(255, 255, 255, 0.58);
  --st-nav-bg: rgba(255, 255, 255, 0.78);
  --st-sidebar-bg: #111827;
  --st-sidebar-line: rgba(255, 255, 255, 0.08);
  --st-sidebar-active: rgba(255, 255, 255, 0.11);
  --st-sidebar-ink: #f8fbff;
  --st-sidebar-muted: rgba(248, 251, 255, 0.62);

  --st-ink: #111827;
  --st-ink-rgb: 17, 24, 39;
  --st-muted: #667085;
  --st-muted-rgb: 102, 112, 133;
  --st-line: rgba(17, 24, 39, 0.1);
  --st-line-soft: rgba(17, 24, 39, 0.06);

  --st-primary: #2f6fed;
  --st-primary-rgb: 47, 111, 237;
  --st-primary-strong: #245ed0;
  --st-secondary: #667085;
  --st-secondary-rgb: 102, 112, 133;
  --st-accent: #8fb7ff;
  --st-accent-rgb: 143, 183, 255;
  --st-success: #2c8a66;
  --st-success-rgb: 44, 138, 102;
  --st-warning: #a97827;
  --st-warning-rgb: 169, 120, 39;
  --st-danger: #bc5b58;
  --st-danger-rgb: 188, 91, 88;
  --st-info: #4678c9;
  --st-info-rgb: 70, 120, 201;
  --st-on-primary: #ffffff;
  --st-on-success: #ffffff;
  --st-on-info: #ffffff;
  --st-on-warning: #fffaf2;
  --st-on-danger: #fff8f7;
  --st-tooltip-bg: #111827;
  --st-tooltip-ink: #f8fbff;

  --st-input-bg: rgba(255, 255, 255, 0.94);
  --st-input-bg-focus: #ffffff;
  --st-button-primary-bg: linear-gradient(135deg, #2f6fed, #245ed0);
  --st-button-primary-border: rgba(47, 111, 237, 0.92);
  --st-button-primary-shadow: 0 14px 28px rgba(47, 111, 237, 0.18);
  --st-button-primary-hover-bg: linear-gradient(135deg, #2866df, #2055be);
  --st-button-primary-hover-border: rgba(36, 94, 208, 0.98);
  --st-button-primary-hover-shadow: 0 18px 34px rgba(47, 111, 237, 0.24);
  --st-button-outline-bg: rgba(255, 255, 255, 0.66);
  --st-button-outline-border: rgba(47, 111, 237, 0.24);
  --st-button-outline-shadow: 0 10px 22px rgba(17, 24, 39, 0.045);
  --st-button-outline-hover-bg: rgba(47, 111, 237, 0.08);
  --st-button-outline-hover-border: rgba(47, 111, 237, 0.42);
  --st-button-outline-hover-shadow: 0 14px 28px rgba(47, 111, 237, 0.11);
  --st-button-light-bg: rgba(255, 255, 255, 0.86);
  --st-button-light-border: rgba(17, 24, 39, 0.09);
  --st-button-light-shadow: 0 10px 22px rgba(17, 24, 39, 0.045);
  --st-button-light-hover-bg: #ffffff;
  --st-button-light-hover-border: rgba(17, 24, 39, 0.14);
  --st-button-light-hover-shadow: 0 14px 28px rgba(17, 24, 39, 0.07);
  --st-radius-sm: 0.62rem;
  --st-radius-md: 0.9rem;
  --st-radius-lg: 1.25rem;
  --st-radius-xl: 1.7rem;
  --st-shadow-sm: 0 14px 30px rgba(17, 24, 39, 0.05);
  --st-shadow-md: 0 24px 52px rgba(17, 24, 39, 0.08);
  --st-shadow-lg: 0 36px 84px rgba(17, 24, 39, 0.12);

  --st-grid-line: rgba(47, 111, 237, 0.08);
  --st-grid-opacity: 0.14;
  --st-body-background:
    radial-gradient(circle at 12% -6%, rgba(143, 183, 255, 0.2), transparent 28%),
    radial-gradient(circle at 86% 0%, rgba(47, 111, 237, 0.12), transparent 24%),
    linear-gradient(135deg, #fbfcfe 0%, #f5f7fb 48%, #eef2f8 100%);
}