/* platform-tokens.css — buyer white-label design tokens */
/* 2026-06-10: Week 10 — uses --main-color from context_processors */

.builder-btn.primary { background: var(--main-color, #2563eb); border-color: var(--main-color, #2563eb); }
.builder-btn.primary:hover { background: var(--main-color-dark, #1d4ed8); border-color: var(--main-color-dark, #1d4ed8); }
.builder-widget:hover { border-color: var(--main-color, #2563eb); box-shadow: 0 4px 12px color-mix(in srgb, var(--main-color, #2563eb) 12%, transparent); }
.builder-widget.is-selected { border-color: var(--main-color, #2563eb); box-shadow: 0 0 0 3px color-mix(in srgb, var(--main-color, #2563eb) 20%, transparent); }
.grid-canvas.is-drag-over { border-color: var(--main-color, #2563eb); }
.global-form-group input:focus { border-color: var(--main-color, #2563eb); box-shadow: 0 0 0 2px color-mix(in srgb, var(--main-color, #2563eb) 15%, transparent); }
.theme-option.is-selected { border-color: var(--main-color, #2563eb); box-shadow: 0 0 0 3px color-mix(in srgb, var(--main-color, #2563eb) 18%, transparent); }
.widget-label { background: color-mix(in srgb, var(--main-color, #2563eb) 18%, #fff); color: var(--main-color-dark, #1d4ed8); }
.platform-logo { max-height: 36px; width: auto; object-fit: contain; vertical-align: middle; }
.platform-brand-title { color: var(--main-color, #2563eb); }