/* Post-Analog theme tokens. Loaded before legacy component CSS. */

:root {
  --pa-bg: #f7f3ec;
  --pa-surface: #f4f1ea;
  --pa-surface-alt: #efebe3;
  --pa-ink: #171513;
  --pa-muted: #706a61;
  --pa-muted-soft: rgba(23, 21, 19, 0.42);
  --pa-accent: #A88655;
  --pa-accent-soft: rgba(168, 134, 85, 0.18);

  /* Shared editorial/action hyperlink tokens.
   * Default: bronze at rest, restrained ink on hover/focus, ink underline animation.
   * Series themes may override these when their visual language requires it. */
  --pa-link-hover-ink: rgba(23, 21, 19, 0.82);
  --pa-editorial-link-color: var(--pa-accent);
  --pa-editorial-link-hover-color: var(--pa-link-hover-ink);
  --pa-editorial-link-underline-color: var(--pa-editorial-link-hover-color);
  --pa-action-link-color: var(--pa-accent);
  --pa-action-link-hover-color: var(--pa-link-hover-ink);
  --pa-action-link-underline-color: var(--pa-action-link-hover-color);

  /* Lightbox links deliberately do not use underline animation.
   * They remain bronze at rest and become subtly warmer/golder and slightly heavier on hover. */
  --pa-lightbox-link-color: var(--pa-accent);
  --pa-lightbox-link-hover-color: #C9A86A;
  --pa-lightbox-link-weight: 650;
  --pa-lightbox-link-hover-weight: 720;
  --pa-lightbox-link-hover-shadow: 0 0 12px rgba(168, 134, 85, 0.12);
  --pa-panel-bg: rgba(247, 243, 236, 0.92);
  --pa-panel-ink: #171513;
  --pa-panel-opacity: 0.92;
  --pa-line: rgba(23, 21, 19, 0.14);
  --pa-line-strong: rgba(23, 21, 19, 0.30);

  --pa-font-manrope: "PA Manrope", Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pa-font-inter: "PA Inter", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pa-font-plex-sans: "PA IBM Plex Sans", var(--pa-font-inter);
  --pa-font-plex-sans-condensed: "PA IBM Plex Sans Condensed", "PA IBM Plex Sans", var(--pa-font-inter);
  --pa-font-plex-mono: "PA IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --pa-font-heading: var(--pa-font-manrope);
  --pa-font-body: var(--pa-font-inter);
  --pa-font-ui: var(--pa-font-inter);
  --pa-font-meta: var(--pa-font-ui);

  --pa-text-soft-opacity: 0.76;
  --pa-text-meta-opacity: 0.54;
  --pa-caption-gap: clamp(18px, 2vw, 28px);

  --pa-radius-sm: 4px;
  --pa-radius-md: 8px;
  --pa-radius-lg: 16px;

  --pa-space-xs: clamp(0.25rem, 0.2vw, 0.4rem);
  --pa-space-sm: clamp(0.5rem, 0.5vw, 0.75rem);
  --pa-space-md: clamp(1rem, 1vw, 1.5rem);
  --pa-space-lg: clamp(1.5rem, 2vw, 3rem);
  --pa-space-xl: clamp(3rem, 5vw, 7rem);

  --pa-duration-fast: 180ms;
  --pa-duration-medium: 420ms;
  --pa-duration-slow: 680ms;

  --pa-ease-standard: cubic-bezier(.22,.61,.36,1);
  --pa-ease-enter: cubic-bezier(.16,1,.3,1);
  --pa-ease-exit: cubic-bezier(.7,0,.84,0);
  --pa-ease-hover: cubic-bezier(.19,1,.22,1);

  --pa-z-base: 1;
  --pa-z-header: 100;
  --pa-z-divi-header: 99999;
  --pa-z-nav: 200;
  --pa-z-bottom-pill: 300;
  --pa-z-bottom-pill-backdrop: 301;
  --pa-z-bottom-pill-sheet: 302;
  /*
   * The live Divi/header stack already uses very high layers. Keep the legacy
   * values centralized here instead of scattering new magic z-index numbers.
   */
  --pa-z-lightbox-under-menu: 99990;
  --pa-z-lightbox-handoff: 99997;
  --pa-z-lightbox-return-clone: 99998;
  --pa-z-lightbox: 999999;
  --pa-z-lightbox-panel: 1000001;
  --pa-z-lightbox-menu-handoff: 1000002;
  --pa-z-loader: 1000002;
  --pa-z-lightbox-clone: 1000003;
  --pa-z-prints-modal: 1000005;
  --pa-z-prints-dialog: 1000006;
  --pa-z-cursor: 2147483647;
  --pa-z-debug: 1000003;
}