/* C0-BRAND-03: portable theme inheritance for ZAVR-owned public components.
   Blocksy palette is optional; WordPress global presets and neutral fallbacks follow.
   A published ZAVR design may override these variables via a separate scoped stylesheet. */
.zavr-public {
  --zavr-brand:var(--theme-palette-color-1,var(--wp--preset--color--primary,#334155));
  --zavr-brand-pressed:var(--theme-button-background-hover-color,color-mix(in srgb,var(--zavr-brand) 82%,#000000));
  --zavr-accent:var(--theme-palette-color-2,var(--wp--preset--color--secondary,#475569));
  --zavr-ink:var(--theme-text-color,var(--wp--preset--color--contrast,#202124));
  --zavr-muted:var(--theme-text-color,var(--wp--preset--color--contrast,#58616b));
  --zavr-ivory:var(--theme-palette-color-7,var(--wp--preset--color--base,#f8fafc));
  --zavr-surface:var(--theme-palette-color-8,var(--wp--preset--color--base,#ffffff));
  --zavr-line:var(--theme-palette-color-5,var(--wp--preset--color--neutral,#dce2e8));
  --zavr-focus:var(--zavr-brand);
  --zavr-on-primary:#ffffff;
  /* Font properties inherit naturally until an explicit design supplies overrides. */
  --zavr-display-size:clamp(38px,4.2vw,56px);
  --zavr-display-weight:700;
  --zavr-display-tracking:-0.035em;
  --zavr-radius-control:var(--theme-button-border-radius,10px);
  --zavr-radius-card:var(--theme-border-radius,16px);
  --zavr-radius-hero:var(--theme-border-radius,22px);
  --zavr-container-max:var(--theme-container-width,1240px);
  --zavr-gutter:16px;
  --zavr-icon-size:22px;
  --zavr-icon-stroke:1.8;
  --zavr-space-1:4px; --zavr-space-2:8px; --zavr-space-3:12px;
  --zavr-space-4:16px; --zavr-space-6:24px; --zavr-space-8:32px;
  --zavr-control-hover:color-mix(in srgb,var(--zavr-brand) 9%,var(--zavr-surface));
}

/* Shared neutral elevation and media overlays; presentation can inherit theme shadows. */
.zavr-public {
  --zavr-shadow-floating:var(--theme-card-box-shadow,0 2px 12px rgba(0,0,0,.12));
  --zavr-shadow-featured:var(--theme-card-box-shadow,0 9px 26px rgba(0,0,0,.08));
  --zavr-media-overlay:rgba(16,16,16,.28);
}