/**
 * SCHUV v2 — общие design tokens (выжимка из ppe-ui.css :root).
 * Подключать до schuv-portal-shell.css / schuv-responsive.css.
 */
:root {
  --ppe-gradient-lime: #c8e49c;
  --ppe-gradient-sky: #9ec7e8;
  --ppe-gradient-periwinkle: #a1a9da;
  --ppe-brand: #1a3a5c;
  --ppe-brand-rgb: 26, 58, 92;
  --ppe-brand-hover: #15304d;
  --ppe-brand-muted: rgba(var(--ppe-brand-rgb), 0.72);
  --ppe-brand-border: rgba(var(--ppe-brand-rgb), 0.22);
  --ppe-brand-border-strong: rgba(var(--ppe-brand-rgb), 0.38);
  --ppe-gradient-horizontal: linear-gradient(
    90deg,
    var(--ppe-gradient-lime) 0%,
    var(--ppe-gradient-sky) 50%,
    var(--ppe-gradient-periwinkle) 100%
  );
  --ppe-gradient-vertical: linear-gradient(
    180deg,
    var(--ppe-gradient-lime) 0%,
    var(--ppe-gradient-sky) 50%,
    var(--ppe-gradient-periwinkle) 100%
  );
  --ppe-btn-primary-gradient: linear-gradient(
    135deg,
    var(--ppe-gradient-sky) 0%,
    var(--ppe-gradient-periwinkle) 100%
  );
  --ppe-radius-card: 0.375rem;
  --ppe-radius-pill: 999px;
  --ppe-glass-border: rgba(255, 255, 255, 0.45);
  --ppe-btn-primary-glow: 0 4px 16px rgba(158, 199, 232, 0.45);
  --ppe-btn-primary-text: var(--ppe-brand);
  --ppe-surface-bg: #ffffff;
  --ppe-body-bg: #f5f7fb;
  --schuv-text: var(--ppe-brand);
  --schuv-text-muted: var(--ppe-brand-muted);
  --schuv-btn-height-touch: 2.75rem;
  --schuv-sidebar-width: 280px;
  --schuv-navbar-height: 56px;
  --schuv-theme-toggle-bg: rgba(255, 255, 255, 0.55);
  --schuv-theme-toggle-bg-hover: rgba(255, 255, 255, 0.78);
  --schuv-theme-toggle-border: var(--ppe-brand-border-strong);
  --schuv-theme-toggle-color: var(--ppe-brand);
  --schuv-navbar-bg: var(--ppe-gradient-horizontal);
  --schuv-navbar-text: var(--ppe-brand);
  --schuv-navbar-text-muted: var(--ppe-brand-muted);
  --schuv-navbar-border: var(--ppe-brand-border);
  --schuv-navbar-link-hover: var(--ppe-brand-hover);
  --schuv-glass-bg: rgba(255, 255, 255, 0.55);
  --schuv-glass-bg-hover: rgba(255, 255, 255, 0.78);
  --schuv-device-preview-width: 390px;
}

[data-theme="dark"] {
  --ppe-body-bg: #0b0f14;
  --ppe-surface-bg: #141a22;
  --schuv-text: #e8edf4;
  --schuv-text-muted: #c8d4e4;
  --ppe-brand: #e8edf4;
  --ppe-brand-muted: rgba(232, 237, 244, 0.72);
  --ppe-brand-border: rgba(255, 255, 255, 0.12);
  --ppe-brand-border-strong: rgba(255, 255, 255, 0.22);
  --schuv-navbar-bg: rgba(11, 15, 20, 0.88);
  --schuv-navbar-text: #e8edf4;
  --schuv-navbar-text-muted: #c8d4e4;
  --schuv-navbar-border: rgba(255, 255, 255, 0.1);
  --schuv-navbar-link-hover: #ffffff;
  --schuv-theme-toggle-bg: rgba(255, 255, 255, 0.12);
  --schuv-theme-toggle-bg-hover: rgba(255, 255, 255, 0.22);
  --schuv-theme-toggle-border: rgba(255, 255, 255, 0.22);
  --schuv-theme-toggle-color: #e8edf5;
  --schuv-glass-bg: rgba(255, 255, 255, 0.1);
  --schuv-glass-bg-hover: rgba(255, 255, 255, 0.18);
}