/* ── Theme "obsidian" — GENERATED from pieces/themes/obsidian.json (stamp
 * data-theme="obsidian" on <body> or a section root; no stamp, no rule —
 * the base tokens stand). The rule carries the look's resolved image
 * tonality; the armed LAYER entrances dress each data-sk-layer unit
 * with the theme's background/foreground picks. ── */
body[data-theme="obsidian"] {
  background-color: #0f1218;
  --sk-page-max: 1440px;
}
[data-theme="obsidian"] [data-sk],
[data-sk][data-theme="obsidian"] {
  --kit-radius: calc(12px * var(--sk-shape-intensity, 1));
  --kit-radius-tl: calc(12px * var(--sk-shape-intensity, 1));
  --kit-radius-tr: calc(12px * var(--sk-shape-intensity, 1));
  --kit-radius-br: calc(12px * var(--sk-shape-intensity, 1));
  --kit-radius-bl: calc(12px * var(--sk-shape-intensity, 1));
  --kit-card-radius: calc(12px * var(--sk-shape-intensity, 1));
  --kit-card-radius-tl: calc(12px * var(--sk-shape-intensity, 1));
  --kit-card-radius-tr: calc(12px * var(--sk-shape-intensity, 1));
  --kit-card-radius-br: calc(12px * var(--sk-shape-intensity, 1));
  --kit-card-radius-bl: calc(12px * var(--sk-shape-intensity, 1));
  --kit-media-radius: calc(12px * var(--sk-shape-intensity, 1));
  --kit-media-radius-tl: calc(12px * var(--sk-shape-intensity, 1));
  --kit-media-radius-tr: calc(12px * var(--sk-shape-intensity, 1));
  --kit-media-radius-br: calc(12px * var(--sk-shape-intensity, 1));
  --kit-media-radius-bl: calc(12px * var(--sk-shape-intensity, 1));
  --kit-border-width: calc(1px * var(--sk-border-intensity, 1));
  --kit-air-block: calc(3 * var(--sk-density-intensity, 1));
  --kit-air-inline: calc(1.25 * var(--sk-density-intensity, 1));
  --kit-air-row: calc(1.5 * var(--sk-density-intensity, 1));
  --kit-air-actions: calc(0.62 * var(--sk-density-intensity, 1));
  --kit-air-sitemap-x: calc(4.29 * var(--sk-density-intensity, 1));
  --kit-gap-title: calc(1 * var(--sk-density-intensity, 1));
  --kit-gap-actions: calc(1.5 * var(--sk-density-intensity, 1));
  --kit-scroll-travel: 0.09;
  --kit-scroll-zoom: 1.08;
  --sk-selection-dark-bg: #e8ecf1;
  --sk-selection-dark-ink: var(--sk-bg);
  --kit-background: #0f1218;
  --kit-surface: #181d26;
  --kit-foreground: #e8ecf1;
  --kit-overlay-ink: #e8ecf1;
  --kit-overlay-base: #0f1218;
  --kit-muted: #9aa4b2;
  --kit-accent: #7fadff;
  --kit-danger: #f0766e;
  --kit-font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --kit-font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --kit-size-title: 3.8;
  --kit-weight-title: 600;
  --kit-track-title: -0.025;
  --kit-lead-title: 1.04;
  --kit-lead-body: 1.65;
  --kit-ramp-contrast: 1;
  --kit-weight-eyebrow: 600;
  --kit-track-eyebrow: 0.14;
  --kit-weight-button: 600;
  --kit-track-button: 0;
  --kit-caps-button: none;
  --kit-font-brand: var(--kit-font-display);
  --kit-size-brand: 1.15;
  --kit-weight-brand: 700;
  --kit-track-brand: -0.01;
  --kit-size-nav: 0.82;
  --kit-weight-nav: 500;
  --kit-track-nav: 0;
  --kit-caps-nav: none;
  --kit-panel-shadow: 0.6;
  --sk-theme-dark: 1;
  --sk-image-filter: saturate(max(0, calc(1 - 0.45 * var(--sk-tone-filter-intensity, 1)))) brightness(max(0, calc(1 - 0.1 * var(--sk-tone-filter-intensity, 1)))) contrast(max(0, calc(1 - 0.03 * var(--sk-tone-filter-intensity, 1))));
  --sk-image-wash: linear-gradient(rgba(16, 15, 14, clamp(0, calc(0.44 * var(--sk-tone-wash-intensity, 1)), 1)), rgba(16, 15, 14, clamp(0, calc(0.6 * var(--sk-tone-wash-intensity, 1)), 1)));
}
[data-theme="obsidian"] :is(.sk-el-nav-panel, .sk-header-sheet) {
  --sk-panel-anim-from: translateY(calc(6px * var(--sk-anim-intensity, 1)));
}
[data-theme="obsidian"] [data-sk],
[data-sk][data-theme="obsidian"] {
  --sk-glass-alpha: 0.9;
}
[data-theme="obsidian"] [data-tone="surface"],
[data-tone="surface"][data-theme="obsidian"] {
  --sk-glass-alpha: 0.9;
}
[data-theme="obsidian"] [data-tone="inverted"],
[data-tone="inverted"][data-theme="obsidian"] {
  --sk-glass-alpha: 0.9;
}
[data-theme="obsidian"] [data-tone="accent"],
[data-tone="accent"][data-theme="obsidian"] {
  --sk-glass-alpha: 0.9;
}
@media (prefers-reduced-motion: no-preference) {
  html[data-sk-js] [data-theme="obsidian"] [data-anim] :where([data-sk-layer="background"]:not([data-sk-cascade], [data-sk-reveal-group])),
  html[data-sk-js] [data-anim][data-theme="obsidian"] :where([data-sk-layer="background"]:not([data-sk-cascade], [data-sk-reveal-group])),
  html[data-sk-js] [data-theme="obsidian"] [data-anim] :where([data-sk-layer="background"][data-sk-cascade]) > *,
  html[data-sk-js] [data-anim][data-theme="obsidian"] :where([data-sk-layer="background"][data-sk-cascade]) > * {
    opacity: 0;
    transform: none;
    transition: opacity calc(0.9s / max(abs(var(--sk-anim-intensity, 1)), 0.1)) ease var(--sk-reveal-delay, 0s);
  }
  html[data-sk-js] [data-theme="obsidian"] [data-anim] :where([data-sk-layer="foreground"]:not([data-sk-cascade], [data-sk-reveal-group])),
  html[data-sk-js] [data-anim][data-theme="obsidian"] :where([data-sk-layer="foreground"]:not([data-sk-cascade], [data-sk-reveal-group])),
  html[data-sk-js] [data-theme="obsidian"] [data-anim] :where([data-sk-layer="foreground"][data-sk-cascade]) > *,
  html[data-sk-js] [data-anim][data-theme="obsidian"] :where([data-sk-layer="foreground"][data-sk-cascade]) > * {
    opacity: 0;
    transform: translateY(calc(26px * var(--sk-anim-intensity, 1)));
    transition: opacity calc(0.7s / max(abs(var(--sk-anim-intensity, 1)), 0.1)) ease var(--sk-reveal-delay, 0s), transform calc(0.7s / max(abs(var(--sk-anim-intensity, 1)), 0.1)) var(--sk-ease-out) var(--sk-reveal-delay, 0s);
  }
}
