/** V1.54 — official Hearth foundations plus semantic Eventi aliases. */
@import url("../../Hearth%20Design%20System/tokens/fonts.css");
@import url("../../Hearth%20Design%20System/tokens/colors.css");
@import url("../../Hearth%20Design%20System/tokens/typography.css");
@import url("../../Hearth%20Design%20System/tokens/spacing.css");
@import url("../../Hearth%20Design%20System/tokens/geometry.css");

:root {
  /* Private Core is white-first; Paper is reserved for editorial surfaces. */
  --surface-canvas: var(--color-background-surface);
  --surface-panel: var(--color-background-surface);
  --surface-raised: var(--color-background-surface);
  --surface-app: var(--color-background-surface);
  --surface-subtle: var(--color-background-subtle);
  --surface-sunken: var(--color-background-subtle);
  --surface-inverse: var(--color-background-inverse);
  --surface-inverse-hover: var(--color-action-primary-hover);
  --surface-accent: var(--color-background-canvas);
  --surface-map: var(--grey-100);

  --text-primary: var(--color-text-primary);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-text-tertiary);
  --text-inverse: var(--color-text-inverse);
  --border-soft: var(--color-border-hairline);
  --border-strong: var(--color-border-default);
  --border-focus: var(--color-focus-ring);
  --brand-primary: var(--color-action-primary);
  --brand-secondary: var(--ink);
  --brand-secondary-soft: var(--mist);
  --brand-accent: var(--ink);

  --status-neutral: var(--grey-500);
  --status-success: var(--state-success);
  --status-warning: var(--state-warning);
  --status-danger: var(--state-error);
  --status-info: var(--state-info);
  --status-success-soft: var(--mist);
  --status-warning-soft: var(--mist);
  --status-danger-soft: var(--mist);

  --font-display: var(--font-editorial);
  --type-display-size: var(--type-display-m-size);
  --type-display-line: var(--type-display-m-lh);
  --type-page-size: var(--type-ui-heading-size);
  --type-page-line: var(--type-ui-heading-lh);
  --type-title-size: var(--type-ui-title-size);
  --type-title-line: var(--type-ui-title-lh);
  --type-section-size: var(--type-ui-title-size);
  --type-section-line: var(--type-ui-title-lh);
  --type-body-line: var(--type-body-lh);
  --type-small-size: var(--type-body-sm-size);
  --type-small-line: var(--type-body-sm-lh);
  --type-label-line: var(--type-label-lh);
  --type-caption-line: var(--type-caption-lh);
  --type-eyebrow-line: var(--type-eyebrow-lh);
  --type-eyebrow-tracking: var(--type-eyebrow-ls);
  --tracking-tight: var(--type-label-ls);
  --tracking-display: var(--type-ui-heading-ls);
  --weight-regular: 400;
  --weight-strong: 700;

  --radius-pill: var(--radius-full);
  --radius-sheet: var(--radius-xl);
  --shadow-xs: var(--shadow-none);
  --shadow-sm: var(--shadow-float);
  --shadow-md: var(--shadow-float);
  --shadow-floating: var(--shadow-float);
  --motion-base: var(--motion-default);
  --motion-slow: var(--motion-page);
  --motion-ease: var(--ease-standard);
  --motion-ambient: 12s;

  --nav-rail-width: 240px;
  --app-bar-height: 64px;
  --content-width: var(--width-workspace);
  --content-width-narrow: var(--width-editorial-narrow);
  --content-width-prose: var(--width-reading);
  --control-height: var(--density-control);
  --control-height-sm: 32px;
  --control-height-lg: 48px;
  --z-nav: var(--z-sticky);
  --z-boot: 500;

  /* Map stacking is a functional subsystem and remains unchanged. */
  --z-map-canvas: 1;
  --z-map-overlay: 3;
  --z-map-markers: 5;
  --z-map-marker: 6;
  --z-map-attribution: 8;
  --z-map-controls: 9;
  --z-map-ui: 12;
  --z-map-cover: 14;

  /* Compatibility aliases for existing public surfaces. */
  --bg: var(--surface-canvas);
  --surface: var(--surface-panel);
  --surface-soft: var(--surface-subtle);
  --sidebar: var(--surface-canvas);
  --text: var(--text-primary);
  --muted: var(--text-muted);
  --line: var(--border-soft);
  --line-strong: var(--border-strong);
  --accent: var(--ink);
  --accent-soft: var(--mist);
  --sage: var(--mist);
  --sage-strong: var(--state-success);
  --danger: var(--state-error);
  --info: var(--state-info);
  --shadow-soft: var(--shadow-float);
  --shadow: var(--shadow-float);
}