/**
 * @file
 * CSS custom-property baseline for the Aero Page Builder theme.
 *
 * Sub-themes are expected to override these tokens to match their
 * visual identity. The defaults aim to be neutral so the page-builder
 * components (apb_pb_*) render legibly without any sub-theme styling.
 */

:root {
  /* ----- Colors ----- */
  --apb-theme-color-text: #1a1a1a;
  --apb-theme-color-text-muted: #555;
  --apb-theme-color-bg: #ffffff;
  --apb-theme-color-bg-alt: #f5f7fa;
  --apb-theme-color-link: #1a73e8;
  --apb-theme-color-link-hover: #0b5ec1;
  --apb-theme-color-border: #d8dde2;
  --apb-theme-color-accent: #2452a6;
  --apb-theme-color-accent-contrast: #ffffff;

  /* ----- Typography ----- */
  --apb-theme-font-stack: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --apb-theme-font-size-base: 16px;
  --apb-theme-line-height-base: 1.55;
  --apb-theme-font-weight-regular: 400;
  --apb-theme-font-weight-bold: 600;

  /* ----- Spacing ----- */
  --apb-theme-spacing-xxs: 0.25rem;
  --apb-theme-spacing-xs:  0.5rem;
  --apb-theme-spacing-sm:  0.75rem;
  --apb-theme-spacing-md:  1rem;
  --apb-theme-spacing-lg:  1.5rem;
  --apb-theme-spacing-xl:  2rem;
  --apb-theme-spacing-xxl: 3rem;

  /* ----- Layout ----- */
  --apb-theme-content-max-width: 1200px;
  --apb-theme-content-padding: var(--apb-theme-spacing-lg);

  /* ----- Borders / Radius ----- */
  --apb-theme-border-radius-sm: 4px;
  --apb-theme-border-radius-md: 8px;
  --apb-theme-border-radius-lg: 16px;
}