:root {
  color-scheme: light;
  --ink: #15110d;
  --muted: #665848;
  --paper: #fff;
  --cream: #f7eedc;
  --cream-2: #fcf7ed;
  --brown: #32251d;
  --brown-soft: #70645d;
  --slate: #405363;
  --slate-dark: #263542;
  --slate-soft: #e8edf1;
  --orange: #df8b32;
  --orange-dark: #b96c20;
  --line: rgba(76, 53, 31, 0.16);
  --shadow: 0 22px 58px rgba(73, 46, 19, 0.14);
  --header-bg: rgba(63, 55, 50, 0.56);
  --hero-panel: rgba(82, 58, 40, 0.72);
  --panel-bg: #f4ecd9;
  --panel-ink: #17130f;
  --panel-muted: #655848;
  --cta-bg: var(--orange);
  --cta-hover: var(--orange-dark);
  --supply-bg: #f4ecd9;
  --supply-card-bg: var(--orange);
  --supply-card-ink: #fff;
  --supply-card-muted: rgba(255, 255, 255, 0.76);
  --rfq-bg: #f4ecd9;
  --rfq-ink: var(--ink);
  --stage-max: 1536px;
  --content-max: 1180px;
  --page-x: clamp(18px, 5vw, 92px);
  --stage-pad: max(var(--page-x), calc((100vw - var(--stage-max)) / 2));
  --content-w: min(var(--content-max), calc(100vw - var(--page-x) * 2));
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--paper);
  color: var(--ink);
}

body[data-palette="slate"] {
  --muted: #61707b;
  --cream: #eef2f5;
  --cream-2: #f6f8fa;
  --brown: #334350;
  --brown-soft: #5d6b75;
  --orange: #d88a35;
  --orange-dark: #253441;
  --line: rgba(50, 67, 80, 0.16);
  --shadow: 0 22px 58px rgba(32, 45, 56, 0.13);
  --header-bg: rgba(43, 52, 59, 0.74);
  --hero-panel: rgba(31, 43, 53, 0.82);
  --panel-bg: var(--slate);
  --panel-ink: #fff;
  --panel-muted: rgba(255, 255, 255, 0.82);
  --cta-bg: var(--slate-dark);
  --cta-hover: #17222c;
  --supply-bg: #f4f6f8;
  --supply-card-bg: #dfe5ea;
  --supply-card-ink: #1d2b35;
  --supply-card-muted: #71808b;
  --rfq-bg: var(--slate);
  --rfq-ink: #fff;
}

* {
  box-sizing: border-box;
}

html,
body,
#root {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  min-width: 320px;
  background: #fff;
  color: var(--ink);
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

img {
  display: block;
  max-width: 100%;
}

[hidden] {
  display: none !important;
}

.v21-shell {
  min-height: 100vh;
  background: #fff;
}