/*
  Owner: shared Pulse tokens.
  Belongs here: semantic colors, radii, shadows, z-index values, shell/page sizing defaults, and compatibility aliases.
  Does not belong here: shell layout rules, reusable component selectors, or feature/page presentation.
  Migration target: core/css/pulse/tokens.css after compatibility wrappers are approved.
*/

@font-face {
  font-family: "Saira";
  src: url("../fonts/saira/Saira-VariableFont_wdth,wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Saira";
  src: url("../fonts/saira/Saira-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

.pulse-shell-page,
.pulse-home-page {
  --pulse-font-family-sans: "Saira", "Segoe UI Variable", "Segoe UI", "Helvetica Neue", sans-serif;
  --pulse-color-bg-page: #151515;
  --pulse-color-bg-shell: var(--pulse-color-bg-page);
  --pulse-color-bg-sidebar: #222222;
  --pulse-color-bg-topbar: #0b090f;
  --pulse-color-surface: #171717;
  --pulse-color-surface-soft: #242424;
  --pulse-color-surface-raised: #242424;
  --pulse-color-surface-menu: #141414;
  --pulse-color-border: #343434;
  --pulse-color-border-strong: #525252;
  --pulse-color-border-subtle: #303030;
  --pulse-color-text: #f2f2f2;
  --pulse-color-text-heading: #ffffff;
  --pulse-color-text-body: #eeeeee;
  --pulse-color-text-content: #d7d7d7;
  --pulse-color-text-muted: #b6b6b6;
  --pulse-color-text-subtle: #858585;
  --pulse-color-accent: #e7c75f;
  --pulse-color-accent-strong: #f6dc86;
  --pulse-color-success: #87d37c;
  --pulse-color-warning: #fbbf24;
  --pulse-color-danger: #f87171;
  --pulse-color-info: #93c5fd;
  --pulse-color-control-light: #e4e4e4;
  --pulse-color-divider-light: #d7d7d7;

  --pulse-font-size-interface: 0.875rem;
  --pulse-font-size-reading: 1rem;
  --pulse-font-size-metadata: 0.75rem;

  --pulse-radius-sm: 6px;
  --pulse-radius-md: 8px;
  --pulse-radius-lg: 10px;
  --pulse-shadow-menu: 0 16px 42px rgba(0, 0, 0, 0.34);

  --pulse-z-sidebar: 900;
  --pulse-z-topbar: 1000;
  --pulse-z-overlay: 1200;

  --pulse-sidebar-width: 336px;
  --pulse-sidebar-collapsed-width: 56px;
  --pulse-sidebar-offset: var(--pulse-sidebar-width);
  --pulse-shell-topbar-height: 64px;
  --pulse-shell-content-top-padding: 16px;
  --pulse-shell-topbar-overlap: 0px;
  --pulse-shell-top-inset: calc(var(--pulse-shell-topbar-height) - var(--pulse-shell-topbar-overlap));
  --pulse-shell-content-top-offset: var(--pulse-shell-content-top-padding);

  --pulse-page-base-max-width: 1320px;
  --pulse-page-max-width: calc(var(--pulse-page-base-max-width) + (var(--pulse-sidebar-width) - var(--pulse-sidebar-offset)));
  --pulse-page-narrow-max-width: 1090px;
  --pulse-page-min-width: 320px;
  --pulse-page-gutter-left: 24px;
  --pulse-page-gutter-right: clamp(32px, 3vw, 48px);
  --pulse-page-content-left-margin: 48px;
  --pulse-page-content-right-margin: 24px;

  --pulse-tab-strip-baseline: #3d3d3d;
  --pulse-tab-active-border: #3d3d3d;
  --pulse-tab-active-bg: #1c1c1c;
  --pulse-tab-active-text: var(--pulse-color-text-heading);
  --pulse-tab-active-cover-bg: var(--pulse-tab-active-bg);

  --pulse-shell-bg: var(--pulse-color-bg-page);
  --pulse-sidebar-bg: var(--pulse-color-bg-sidebar);
  --pulse-topbar-bg: var(--pulse-color-bg-topbar);
  --pulse-shell-panel: var(--pulse-color-surface);
  --pulse-shell-panel-soft: var(--pulse-color-surface-soft);
  --pulse-shell-border: var(--pulse-color-border);
  --pulse-shell-border-strong: var(--pulse-color-border-strong);
  --pulse-shell-text: var(--pulse-color-text);
  --pulse-shell-muted: var(--pulse-color-text-muted);
  --pulse-shell-subtle: var(--pulse-color-text-subtle);
  --pulse-shell-divider: var(--pulse-color-divider-light);
  --pulse-shell-control-light: var(--pulse-color-control-light);
  --pulse-shell-accent: var(--pulse-color-accent);
  --pulse-shell-accent-strong: var(--pulse-color-accent-strong);
  --pulse-shell-danger: #d9d9d9;
}