/* Sellz global brand tokens — public V2 and CMS previews */
:root {
    --sellz-brand-primary: #003b82;
    --sellz-brand-secondary: #1095e7;
    --sellz-brand-primary-rgb: 0, 59, 130;
    --sellz-brand-secondary-rgb: 16, 149, 231;
    --sellz-brand-mid: color-mix(in srgb, var(--sellz-brand-primary) 45%, var(--sellz-brand-secondary));
    --sellz-brand-gradient: linear-gradient(115deg, var(--sellz-brand-primary) 0%, var(--sellz-brand-mid) 52%, var(--sellz-brand-secondary) 100%);
    --sellz-brand-gradient-horizontal: linear-gradient(90deg, var(--sellz-brand-primary), var(--sellz-brand-secondary));
    --sellz-brand-gradient-vertical: linear-gradient(180deg, var(--sellz-brand-primary), var(--sellz-brand-secondary));
    --sellz-brand-pale: color-mix(in srgb, var(--sellz-brand-secondary) 8%, #ffffff);
    --sellz-brand-pale-strong: color-mix(in srgb, var(--sellz-brand-secondary) 14%, #ffffff);
    --sellz-brand-soft: rgba(var(--sellz-brand-secondary-rgb), .11);
    --sellz-brand-soft-strong: rgba(var(--sellz-brand-secondary-rgb), .18);
    --sellz-brand-border: rgba(var(--sellz-brand-secondary-rgb), .32);
    --sellz-brand-focus: rgba(var(--sellz-brand-secondary-rgb), .62);
    --sellz-brand-shadow: rgba(var(--sellz-brand-primary-rgb), .22);
    --sellz-brand-highlight: var(--sellz-brand-secondary);
}

html[data-theme="dark"], body.dark-mode {
    --sellz-brand-pale: rgba(var(--sellz-brand-secondary-rgb), .1);
    --sellz-brand-pale-strong: rgba(var(--sellz-brand-secondary-rgb), .17);
    --sellz-brand-soft: rgba(var(--sellz-brand-secondary-rgb), .15);
    --sellz-brand-soft-strong: rgba(var(--sellz-brand-secondary-rgb), .23);
    --sellz-brand-border: rgba(var(--sellz-brand-secondary-rgb), .4);
    --sellz-brand-focus: rgba(var(--sellz-brand-secondary-rgb), .78);
    --sellz-brand-shadow: rgba(0, 0, 0, .34);
}