:root,
body.sombio-premium {
  --sdb-ink: #151311;
  --sdb-paper: #f7f4ef;
  --sdb-card: #ffffff;
  --sdb-muted: #6f6963;
  --sdb-line: #e5ded5;
  --sdb-orange: #f36b21;
  --sdb-orange-light: #ff9148;
  --sdb-amber: #d89b4d;
  --sdb-green: #1f9d61;
  --sdb-dark: #11100f;
  --sdb-radius-sm: 14px;
  --sdb-radius-md: 20px;
  --sdb-radius-lg: 24px;
  --sdb-shadow: 0 18px 60px rgba(35, 24, 16, .10);
  --sdb-font-display: 'Manrope', system-ui, sans-serif;
  --sdb-font-body: 'DM Sans', system-ui, sans-serif;
  --sdb-container: 1240px;
}

body.sombio-premium {
  --bg: var(--sdb-paper);
  --bg2: #fffdf9;
  --card: var(--sdb-card);
  --card2: var(--sdb-card);
  --line: var(--sdb-line);
  --text: var(--sdb-ink);
  --muted: var(--sdb-muted);
  --soft: #817972;
  --brand: var(--sdb-orange);
  --brand2: var(--sdb-orange-light);
  --radius: var(--sdb-radius-lg);
  --shadow: var(--sdb-shadow);
  font-family: var(--sdb-font-body);
  color-scheme: light;
}

body.sombio-premium[data-theme="dark"] {
  --sdb-ink: #fff8f0;
  --sdb-paper: #0d0b0a;
  --sdb-card: #181411;
  --sdb-muted: #b8ada4;
  --sdb-line: #332b25;
  --sdb-dark: #090807;
  --sdb-shadow: 0 18px 60px rgba(0, 0, 0, .34);
  --bg2: #12100e;
  --soft: #a89d94;
  color-scheme: dark;
}

body.sombio-premium :where(h1, h2, h3, h4, .section-title) {
  font-family: var(--sdb-font-display);
}

body.sombio-premium :where(a, button, input, textarea, select) {
  font-family: var(--sdb-font-body);
}

body.sombio-premium :where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--sdb-orange) 72%, white);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  body.sombio-premium *,
  body.sombio-premium *::before,
  body.sombio-premium *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}