/* Adapted from artwork/colors/stuff-theme.css for UI.Shared static assets. */
@font-face {
  font-family: "Nunito Sans";
  src: url("../fonts/NunitoSans-VariableFont.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("../fonts/NunitoSans-Italic-VariableFont.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}

:root {
  --stuff-color-cardboard: #BB8E51;
  --stuff-color-bg: #edd89d;
  --stuff-color-major: #008153;
  --stuff-color-minor: #005477;
  --stuff-color-accent: #e5b34f;
  --stuff-color-black: #050100;
  --stuff-color-white: #fffcfc;
  --stuff-background: var(--stuff-color-bg);
  --stuff-surface: var(--stuff-color-white);
  --stuff-on-surface: var(--stuff-color-black);
  --stuff-on-surface-variant: #6b5d4e;
  --stuff-primary: var(--stuff-color-major);
  --stuff-on-primary: var(--stuff-color-white);
  --stuff-secondary: var(--stuff-color-minor);
  --stuff-on-secondary: var(--stuff-color-white);
  --stuff-accent: var(--stuff-color-accent);
  --stuff-on-accent: var(--stuff-color-black);
  --stuff-white: var(--stuff-color-white);
  --stuff-black: var(--stuff-color-black);
  --stuff-font-family: "Nunito Sans", system-ui, -apple-system, sans-serif;
  --stuff-font-size-base: 1rem;
  --stuff-line-height: 1.6;
  --stuff-space-xs: 0.25rem;
  --stuff-space-sm: 0.5rem;
  --stuff-space-md: 1rem;
  --stuff-space-lg: 1.5rem;
  --stuff-space-xl: 2rem;
  --stuff-space-2xl: 3rem;
  --stuff-radius-sm: 4px;
  --stuff-radius-md: 8px;
  --stuff-radius-lg: 12px;
  --stuff-radius-pill: 999px;
  --stuff-shadow-sm: 0 1px 3px rgba(5, 1, 0, 0.10);
  --stuff-shadow-md: 0 4px 12px rgba(5, 1, 0, 0.12);
  --stuff-shadow-lg: 0 8px 24px rgba(5, 1, 0, 0.15);
}

body {
  font-family: var(--stuff-font-family);
  background: var(--stuff-background);
  color: var(--stuff-on-surface);
}