/* Design token fallbacks for B360 Bridge shortcodes and Vue SPA.
   These are the base values. The inline <style id="b360-theme-vars"> emitted by
   Assets::emitThemeVars() overrides these via cascade order (it appears after this
   stylesheet in <head>). Edit theme settings via the B360 Styling Studio (Phase B). */

:root {
  --b360-color-primary:         #2c3e50;
  --b360-color-primary-hover:   #1a252f;
  --b360-color-secondary:       #7c5c3c;
  --b360-color-accent:          #8b6f47;
  --b360-color-surface:         #ffffff;
  --b360-color-bg:              #ffffff;
  --b360-color-error:           #b03a2e;
  --b360-color-warning:         #8a6b0f;
  --b360-color-success:         #2e7d32;
  --b360-color-text:            #1c1c1c;
  --b360-color-text-muted:      #717171;
  --b360-color-surface-hover:   #f5f5f5;
  --b360-radius-btn:            6px;
  --b360-radius-input:          4px;
  --b360-radius-card:           8px;
  --b360-radius-sm:             5px;
  --b360-font-body:             inherit;
  --b360-font-heading:          inherit;
  --b360-font-base-size:        16px;
  --b360-font-heading-weight:   600;
  --b360-text-sm:               14px;
  --b360-space-xs:              0.5rem;
  --b360-space-sm:              0.75rem;
}
