/* Shared design tokens for the public site, factory app, and auth pages.
   Change a brand value once here instead of in three separate stylesheets.
   Canonical values come from the public site (public/assets/styles.css),
   the most established of the three surfaces. */
:root {
  --ink: #171914;
  --muted: #666b61;
  --paper: #f4f2ec;
  --bg: #f4f5f1;
  --white: #fff;
  --card: #ffffff;
  --line: #dcd9ce;
  --border: #dcd9ce;
  --lime: #d5f36a;
  --green: #bfd95f;
  --forest: #28352c;
  --gold: #bc8b52;
  --danger: #a3382c;
  --danger-bg: #f6e0dc;
  --radius: 22px;
  --shadow: 0 24px 70px rgba(27, 31, 25, .10);
  --focus-ring: 0 0 0 3px rgba(191, 217, 95, .55);
}

*:focus-visible {
  outline: 2px solid var(--forest);
  outline-offset: 2px;
  border-radius: 4px;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible {
  box-shadow: var(--focus-ring);
}