/* Override these values after importing this file to theme another project. */
:root {
  --color-primary: #b77900;
  --color-primary-dark: #7a4f00;
  --color-primary-soft: #fff4cc;
  --color-ink: #201f22;
  --color-muted: #747176;
  --color-line: #dedbe0;
  --color-page: #f7f7f8;
  --color-surface: #ffffff;
  --font-family-base:
    Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --shadow-low:
    0 1px 2px rgb(32 31 34 / 10%),
    0 5px 14px rgb(32 31 34 / 7%);
  --shadow-raised:
    0 2px 4px rgb(32 31 34 / 10%),
    0 10px 24px rgb(32 31 34 / 10%);
  --radius-card: 28px;
  --radius-control: 18px;
  --transition: 180ms cubic-bezier(0.2, 0, 0, 1);
  color-scheme: light;
  font-family: var(--font-family-base);
}