/* Tier 2 — semantic tokens. Light is default; dark via [data-theme="dark"] on <html> or any subtree. */
:root,[data-theme="light"]{
--bh-color-bg:var(--bh-neutral-0);
--bh-color-bg-subtle:var(--bh-neutral-50);
--bh-color-surface:var(--bh-neutral-0);
--bh-color-surface-raised:var(--bh-neutral-0);
--bh-color-surface-sunken:var(--bh-neutral-100);
--bh-color-surface-brand:var(--bh-petrol-800);
--bh-color-surface-brand-raised:var(--bh-petrol-700);
--bh-color-text:var(--bh-neutral-900);
--bh-color-text-strong:var(--bh-petrol-900);
--bh-color-text-secondary:var(--bh-neutral-600);
--bh-color-text-tertiary:var(--bh-neutral-500);
--bh-color-text-on-brand:var(--bh-neutral-0);
--bh-color-text-on-brand-secondary:var(--bh-petrol-100);
--bh-color-primary:var(--bh-petrol-700);
--bh-color-primary-hover:var(--bh-petrol-800);
--bh-color-primary-active:var(--bh-petrol-900);
--bh-color-primary-subtle:var(--bh-petrol-50);
--bh-color-primary-subtle-hover:var(--bh-petrol-100);
--bh-color-on-primary:var(--bh-neutral-0);
--bh-color-link:var(--bh-petrol-600);
--bh-color-link-hover:var(--bh-petrol-800);
--bh-color-accent:var(--bh-naranja-600);
--bh-color-accent-text:var(--bh-naranja-700);
--bh-color-accent-subtle:var(--bh-naranja-50);
--bh-color-border:var(--bh-neutral-200);
--bh-color-border-subtle:var(--bh-neutral-100);
--bh-color-border-strong:var(--bh-neutral-400);
--bh-color-border-hover:var(--bh-neutral-500);
--bh-color-focus:var(--bh-naranja-600);
--bh-color-success:var(--bh-green-600);--bh-color-success-subtle:var(--bh-green-50);--bh-color-success-border:var(--bh-green-200);
--bh-color-warning:var(--bh-amber-600);--bh-color-warning-subtle:var(--bh-amber-50);--bh-color-warning-border:var(--bh-amber-200);
--bh-color-error:var(--bh-red-600);--bh-color-error-subtle:var(--bh-red-50);--bh-color-error-border:var(--bh-red-200);
--bh-color-info:var(--bh-petrol-600);--bh-color-info-subtle:var(--bh-petrol-50);--bh-color-info-border:var(--bh-petrol-200);
--bh-color-scrim:rgb(7 28 36 / .48);
--bh-color-selection:var(--bh-petrol-100);
--bh-shadow-color:12 44 55;
--bh-logo-ink:var(--bh-petrol-700);--bh-logo-dev:var(--bh-neutral-600);--bh-logo-dot:var(--bh-naranja-600);--bh-logo-tile:var(--bh-petrol-700);--bh-logo-tile-ink:var(--bh-neutral-0);--bh-logo-tile-dot:var(--bh-naranja-400);
color-scheme:light;
}
[data-theme="dark"]{
--bh-color-bg:var(--bh-night-50);
--bh-color-bg-subtle:var(--bh-night-100);
--bh-color-surface:var(--bh-night-100);
--bh-color-surface-raised:var(--bh-night-300);
--bh-color-surface-sunken:var(--bh-night-0);
--bh-color-surface-brand:var(--bh-petrol-900);
--bh-color-surface-brand-raised:var(--bh-petrol-800);
--bh-color-text:var(--bh-night-900);
--bh-color-text-strong:var(--bh-night-950);
--bh-color-text-secondary:var(--bh-night-850);
--bh-color-text-tertiary:var(--bh-night-800);
--bh-color-text-on-brand:var(--bh-night-950);
--bh-color-text-on-brand-secondary:var(--bh-petrol-200);
--bh-color-primary:var(--bh-petrol-300);
--bh-color-primary-hover:var(--bh-petrol-200);
--bh-color-primary-active:var(--bh-petrol-100);
--bh-color-primary-subtle:var(--bh-night-200);
--bh-color-primary-subtle-hover:var(--bh-night-400);
--bh-color-on-primary:var(--bh-petrol-950);
--bh-color-link:var(--bh-petrol-300);
--bh-color-link-hover:var(--bh-petrol-200);
--bh-color-accent:var(--bh-naranja-400);
--bh-color-accent-text:var(--bh-naranja-300);
--bh-color-accent-subtle:#2A1A12;
--bh-color-border:var(--bh-night-500);
--bh-color-border-subtle:var(--bh-night-400);
--bh-color-border-strong:var(--bh-night-600);
--bh-color-border-hover:var(--bh-night-700);
--bh-color-focus:var(--bh-naranja-400);
--bh-color-success:var(--bh-green-300);--bh-color-success-subtle:var(--bh-green-900);--bh-color-success-border:var(--bh-green-800);
--bh-color-warning:var(--bh-amber-300);--bh-color-warning-subtle:var(--bh-amber-900);--bh-color-warning-border:var(--bh-amber-800);
--bh-color-error:var(--bh-red-300);--bh-color-error-subtle:var(--bh-red-900);--bh-color-error-border:var(--bh-red-800);
--bh-color-info:var(--bh-petrol-300);--bh-color-info-subtle:var(--bh-night-200);--bh-color-info-border:var(--bh-petrol-800);
--bh-color-scrim:rgb(0 0 0 / .6);
--bh-color-selection:var(--bh-petrol-800);
--bh-shadow-color:0 0 0;
--bh-logo-ink:var(--bh-night-950);--bh-logo-dev:var(--bh-night-850);--bh-logo-dot:var(--bh-naranja-400);--bh-logo-tile:var(--bh-night-950);--bh-logo-tile-ink:var(--bh-petrol-900);--bh-logo-tile-dot:var(--bh-naranja-600);
color-scheme:dark;
}
