/**
 * @file
 * CSS custom-property baseline for the Aero Page Builder theme.
 *
 * Every property declared here is the **fallback default**. The theme
 * settings form (Appearance > Settings > Aero Page Builder Theme) drives
 * an inline `:root { ... }` style block emitted from
 * `apbuilder_theme_preprocess_html()` that overrides only the properties
 * the operator has customized. Sub-themes inherit this cascade naturally.
 *
 * Mapping (setting key -> CSS variable):
 *   apb_color_text             -> --apb-theme-color-text
 *   apb_color_text_muted       -> --apb-theme-color-text-muted
 *   apb_color_bg               -> --apb-theme-color-bg
 *   apb_color_bg_alt           -> --apb-theme-color-bg-alt
 *   apb_color_link             -> --apb-theme-color-link
 *   apb_color_link_hover       -> --apb-theme-color-link-hover
 *   apb_color_border           -> --apb-theme-color-border
 *   apb_color_accent           -> --apb-theme-color-accent
 *   apb_color_accent_contrast  -> --apb-theme-color-accent-contrast
 *   apb_font_body              -> --apb-theme-font-stack
 *   apb_font_heading           -> --apb-theme-font-stack-heading
 *   apb_font_size_base         -> --apb-theme-font-size-base
 *   apb_line_height_base       -> --apb-theme-line-height-base
 *   apb_font_weight_regular    -> --apb-theme-font-weight-regular
 *   apb_font_weight_bold       -> --apb-theme-font-weight-bold
 *   apb_spacing_scale          -> all --apb-theme-spacing-* tokens
 *   apb_content_max_width      -> --apb-theme-content-max-width
 *   apb_content_padding        -> --apb-theme-content-padding
 *   apb_sidebar_first_width    -> --apb-theme-sidebar-first-width
 *   apb_sidebar_second_width   -> --apb-theme-sidebar-second-width
 *   apb_sidebar_breakpoint     -> --apb-theme-sidebar-breakpoint
 *   apb_paragraph_gap          -> --apb-theme-paragraph-gap
 *   apb_border_radius_sm       -> --apb-theme-border-radius-sm
 *   apb_border_radius_md       -> --apb-theme-border-radius-md
 *   apb_border_radius_lg       -> --apb-theme-border-radius-lg
 *   apb_link_decoration        -> --apb-theme-link-decoration[-hover]
 */

: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-stack-heading: var(--apb-theme-font-stack);
  --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;
  --apb-theme-link-decoration: underline;
  --apb-theme-link-decoration-hover: underline;

  /* ----- 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: 1.5rem;
  --apb-theme-sidebar-first-width: 240px;
  --apb-theme-sidebar-second-width: 240px;
  --apb-theme-sidebar-breakpoint: 1024px;
  --apb-theme-paragraph-gap: 2rem;

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