['raw' => $var]; $sp = fn($t,$r,$b,$l) => ['top'=>$t,'right'=>$r,'bottom'=>$b,'left'=>$l]; $styles = [ 'asterion' => [ 'label' => 'Asterion', 'settings' => [ '_custom' => true, 'conditions' => [ 'conditions' => [ ['id' => $cond_id, 'main' => 'any'], ], ], /* ---- GENERAL : site background ---- */ 'general' => [ 'siteBackground' => [ 'color' => $color('var(--color-bg-default)'), ], ], /* ---- COLORS : 11 semantic roles ---- */ 'colors' => [ 'colorPrimary' => $color('var(--color-brand-navy)'), 'colorSecondary' => $color('var(--color-brand-gold)'), 'colorLight' => $color('var(--color-bg-default)'), 'colorDark' => $color('var(--color-bg-dark)'), 'colorMuted' => $color('var(--color-text-muted)'), 'colorBorder' => $color('var(--color-border-default)'), 'colorInfo' => $color('var(--color-info)'), 'colorSuccess' => $color('var(--color-success)'), 'colorWarning' => $color('var(--color-warning)'), 'colorDanger' => $color('var(--color-alert-red)'), ], /* ---- LINKS : gold + underline ---- */ 'links' => [ 'typography' => [ 'color' => $color('var(--color-brand-gold)'), 'text-decoration' => 'underline', ], ], /* ---- TYPOGRAPHY ---- */ 'typography' => [ // HTML font-size: 100% so 1rem = 16px 'typographyHtml' => '100%', 'typographyBody' => [ 'font-family' => 'Inter', 'font-weight' => '400', 'font-size' => '1rem', 'line-height' => '1.6', 'letter-spacing' => '0', 'color' => $color('var(--color-text-primary)'), ], 'typographyHeadings' => [ 'font-family' => 'Inter', 'font-weight' => '700', 'letter-spacing' => '-0.01em', 'color' => $color('var(--color-text-primary)'), ], // H1 : 36px / line 1.20 'typographyHeadingH1' => [ 'font-size' => '2.25rem', 'line-height' => '1.20', ], 'h1Margin' => $sp('0', '0', '1.5rem', '0'), // H2 : 28px / line 1.25 'typographyHeadingH2' => [ 'font-size' => '1.75rem', 'line-height' => '1.25', ], 'h2Margin' => $sp('0', '0', '1.25rem', '0'), // H3 : 22px / line 1.30 'typographyHeadingH3' => [ 'font-size' => '1.375rem', 'line-height' => '1.30', ], 'h3Margin' => $sp('0', '0', '1rem', '0'), // H4 : 18px / line 1.35 'typographyHeadingH4' => [ 'font-size' => '1.125rem', 'line-height' => '1.35', ], 'h4Margin' => $sp('0', '0', '0.75rem', '0'), // H5 : 16px / line 1.40 'typographyHeadingH5' => [ 'font-size' => '1rem', 'line-height' => '1.40', ], 'h5Margin' => $sp('0', '0', '0.5rem', '0'), // H6 : 14px / line 1.40 'typographyHeadingH6' => [ 'font-size' => '0.875rem', 'line-height' => '1.40', ], 'h6Margin' => $sp('0', '0', '0.5rem', '0'), // Focus outline (a11y, WCAG 2.1) 'focusOutline' => '2px solid var(--color-info)', ], /* ---- BUTTON : default + primary + secondary defaults ---- */ 'button' => [ 'typography' => [ 'font-family' => 'Inter', 'font-weight' => '600', ], 'sizeDefaultPadding' => $sp('0.75rem', '1.5rem', '0.75rem', '1.5rem'), 'sizeSmPadding' => $sp('0.5rem', '1rem', '0.5rem', '1rem'), 'sizeMdPadding' => $sp('0.75rem', '1.5rem', '0.75rem', '1.5rem'), 'sizeLgPadding' => $sp('1rem', '2rem', '1rem', '2rem'), // Primary button = navy bg, white text, gold hover (managed via element classes) 'primaryBackground' => $color('var(--color-brand-navy)'), 'primaryTypography' => [ 'color' => $color('var(--color-text-on-dark)'), ], // Secondary button = gold bg, navy text 'secondaryBackground' => $color('var(--color-brand-gold)'), 'secondaryTypography' => [ 'color' => $color('var(--color-brand-navy)'), ], ], /* ---- SECTION : default padding (8-pt grid) ---- */ 'section' => [ 'padding' => $sp('5rem', '4rem', '5rem', '4rem'), ], /* ---- CONTAINER : max-width 1280 ---- */ 'container' => [ 'widthMax' => '1280px', ], ], ], ]; update_option('bricks_theme_styles', $styles); $report[] = "bricks_theme_styles[asterion] = full payload (" . strlen(wp_json_encode($styles)) . " bytes)"; /* --------------------------------------------------------------- 3. Done --------------------------------------------------------------- */ $report[] = ""; $report[] = "Reload the Bricks builder (Ctrl+R) — you should see :"; $report[] = " - Body in Inter 16px navy"; $report[] = " - H1-H6 in Inter 700 navy with proper sizes"; $report[] = " - Links in gold underlined"; $report[] = " - Sections with 5rem top/bottom padding"; $report[] = " - postTypes : page, post, case_study, scenario"; wp_die('
'
        . esc_html(implode("\n", $report))
        . '
', 'Asterion theme style applied'); });