/* Tema do produto — Slate Clean · layout sidebar-editorial */
:root {
  color-scheme: light;
  --bosia-bg: #f3f6fa;
  --bosia-bg-2: #e8eef5;
  --bosia-panel: #ffffff;
  --bosia-panel-2: #f8fafc;
  --bosia-border: #d5deea;
  --bosia-border-2: #c0cddd;
  --bosia-text: #17202b;
  --bosia-muted: #5d6b7b;
  --bosia-accent: #2f6feb;
  --bosia-accent-2: #8a5a00;
  --bosia-ok: #1a7f4b;
  --bosia-fail: #b42318;
  --bosia-warn: #8a5a00;
  --bosia-radius: 6px;
  --bosia-radius-lg: 10px;
  --bosia-radius-xl: 14px;
  --bosia-font: Inter, "Segoe UI", "Helvetica Neue", Arial, "Liberation Sans", system-ui, sans-serif;
  --bosia-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", "Liberation Serif", serif;
  --bosia-space-1: 4px;
  --bosia-space-2: 8px;
  --bosia-space-3: 12px;
  --bosia-space-4: 16px;
  --bosia-space-5: 24px;
  --bosia-space-6: 32px;
  --bosia-space-7: 40px;
  --bosia-space-8: 48px;
  --bosia-shadow-1: 0 1px 2px rgba(23, 32, 43, .05);
  --bosia-shadow-2: 0 8px 24px rgba(23, 32, 43, .08);
  --bosia-shadow-3: 0 24px 70px rgba(23, 32, 43, .22);
  --bosia-ring: 0 0 0 3px color-mix(in srgb, var(--bosia-accent) 22%, transparent);
  --bosia-ease: 160ms cubic-bezier(.2, .8, .2, 1);
  --bg: var(--bosia-bg);
  --bg-2: var(--bosia-bg-2);
  --surface: var(--bosia-panel);
  --surface-2: var(--bosia-panel-2);
  --panel: var(--bosia-panel);
  --ink: var(--bosia-text);
  --ink-2: var(--bosia-text);
  --muted: var(--bosia-muted);
  --muted-2: var(--bosia-muted);
  --line: var(--bosia-border);
  --line-soft: var(--bosia-border);
  --line-strong: var(--bosia-border-2);
  --brand: var(--bosia-accent);
  --brand-2: var(--bosia-accent);
  --brand-3: var(--bosia-accent);
  --brand-deep: color-mix(in srgb, var(--bosia-accent) 82%, #000);
  --brand-tint: color-mix(in srgb, var(--bosia-accent) 10%, #fff);
  --brass: var(--bosia-accent-2);
  --brass-tint: color-mix(in srgb, var(--bosia-accent-2) 12%, #fff);
  --ok: var(--bosia-ok);
  --ok-tint: color-mix(in srgb, var(--bosia-ok) 9%, #fff);
  --danger: var(--bosia-fail);
  --danger-tint: color-mix(in srgb, var(--bosia-fail) 10%, #fff);
  --warn: var(--bosia-warn);
  --warn-tint: color-mix(in srgb, var(--bosia-warn) 12%, #fff);
  --info: var(--bosia-accent);
  --info-tint: color-mix(in srgb, var(--bosia-accent) 10%, #fff);
  --c1: var(--bosia-accent);
  --c2: var(--bosia-accent-2);
  --c3: var(--bosia-ok);
  --c4: var(--bosia-warn);
  --c5: var(--bosia-muted);
  --c6: var(--bosia-border-2);
  --radius-sm: 4px;
  --radius: var(--bosia-radius);
  --radius-lg: 10px;
  --radius-xl: 14px;
  --sans: var(--bosia-font);
  --serif: var(--bosia-serif);
}