/* Assembly Works design tokens — generated from tokens.json.
   Themes: aw = Light, aw-dark = Dark. Set data-theme on <html> (or any container) to switch.
   Do not hand-edit: change tokens.json and regenerate. */

:root,
[data-theme="aw"] {
  --aubergine: #211a2a;
  --parchment: #f4f1eb;
  --surface: #e8e3d9;
  --citron: #d8e88c;
  --rule: #c7c0b6;
  --black: #000000;
  --white: #ffffff;
  --product-identity: #211a2a;
  --product-background: #f3f6f8;
  --product-surface: #ffffff;
  --product-text: #21313e;
  --product-secondary-text: #526574;
  --product-action: #234f9d;
  --product-action-hover: #1b3f7e;
  --product-on-action: #ffffff;
  --product-selection: #e7effb;
  --product-divider: #d5dfe5;
  --product-control-border: #71818f;
  --product-focus: #234f9d;
  --product-success: #236342;
  --product-success-background: #eaf5ee;
  --product-warning: #805400;
  --product-warning-background: #fff4d6;
  --product-error: #a72d37;
  --product-error-background: #fbedef;
  --product-error-hover: #8b252e;
  --product-disabled-background: #e7ecef;
}

[data-theme="aw-dark"] {
  --product-background: #1b2530;
  --product-surface: #232f3c;
  --product-text: #e8eef4;
  --product-secondary-text: #a7b8c6;
  --product-action: #8cb4ee;
  --product-action-hover: #b0cdf5;
  --product-on-action: #101d29;
  --product-selection: #2b3f57;
  --product-divider: #33414f;
  --product-control-border: #8496a6;
  --product-focus: #8cb4ee;
  --product-success: #7fd4a4;
  --product-success-background: #1a2f25;
  --product-warning: #e7c176;
  --product-warning-background: #322715;
  --product-error: #f39aa2;
  --product-error-background: #382024;
  --product-error-hover: #d97a84;
  --product-disabled-background: #2a3642;
}

:root {
  /* spacing */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  /* radius */
  --radius-none: 0;
  --radius-control: 4px;
  --radius-tile: 30px;
  /* control */
  --control-min-height: 44px;
  --focus-ring-width: 3px;
  --focus-ring-offset: 3px;
  --logo-entry-height: 104px;
  --logo-endorsed-height: 89px;
  --logo-compact-height: 56px;
  /* families */
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-sans: "Inter Tight", Arial, sans-serif;
  --font-office: Georgia, serif;
}

@font-face {
  font-family: "Instrument Serif";
  src: url("fonts/InstrumentSerif-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("fonts/InstrumentSerif-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("fonts/InterTight-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("fonts/InterTight-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("fonts/InterTight-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("fonts/InterTight-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Brand display */
.display { font-family: var(--font-serif); font-size: 56px; line-height: 1.05; font-weight: 400; letter-spacing: -0.01em; }
.heading-1 { font-family: var(--font-serif); font-size: 40px; line-height: 1.1; font-weight: 400; }
.heading-2 { font-family: var(--font-serif); font-size: 28px; line-height: 1.15; font-weight: 400; }
.heading-3 { font-family: var(--font-serif); font-size: 21px; line-height: 1.25; font-weight: 400; }
.brand-quote { font-family: var(--font-serif); font-size: 24px; line-height: 1.35; font-weight: 400; font-style: italic; }

/* Brand text */
.brand-body { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; }
.brand-small { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 400; }
.brand-eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 1.2; font-weight: 600; letter-spacing: 0.08em; }

/* Interface */
.ui-body { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; }
.ui-body-large { font-family: var(--font-sans); font-size: 16px; line-height: 1.5; font-weight: 400; }
.ui-small { font-family: var(--font-sans); font-size: 14px; line-height: 1.45; font-weight: 400; }
.ui-label { font-family: var(--font-sans); font-size: 14px; line-height: 1.3; font-weight: 500; }
.ui-status { font-family: var(--font-sans); font-size: 13px; line-height: 1.2; font-weight: 500; }
.ui-meta { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 400; }
.ui-number { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; }