:root {
  --factory-background: #F7F4EE;
  --factory-surface: #FFFDF9;
  --factory-text: #2A1E22;
  --factory-muted: #6B5F62;
  --factory-line: #E8E0D4;
  --factory-accent: #7A1E2C;
  --factory-accent-text: #FFF6EE;
  --factory-needs-you: #86601C;
  --factory-factory-tag: #6B5F62;
}

@media (prefers-color-scheme: dark) {
  :root {
    --factory-background: #1A1416;
    --factory-surface: #251D20;
    --factory-text: #EDE6E3;
    --factory-muted: #AA9C9E;
    --factory-line: #352A2E;
    --factory-accent: #D49AA2;
    --factory-accent-text: #1A1416;
    --factory-needs-you: #D6B57A;
    --factory-factory-tag: #AA9C9E;
  }

  :root:not([data-theme]) {
    --pico-box-shadow: none;
    --pico-card-box-shadow: none;
    --pico-dropdown-box-shadow: none;
    --pico-button-box-shadow: none;
    --pico-button-hover-box-shadow: none;
  }
}

:root:not([data-theme]) {
  --pico-background-color: var(--factory-background);
  --pico-color: var(--factory-text);
  --pico-h1-color: var(--factory-text);
  --pico-h2-color: var(--factory-text);
  --pico-h3-color: var(--factory-text);
  --pico-h4-color: var(--factory-text);
  --pico-h5-color: var(--factory-text);
  --pico-h6-color: var(--factory-text);
  --pico-muted-color: var(--factory-muted);
  --pico-muted-border-color: var(--factory-line);
  --pico-primary: var(--factory-accent);
  --pico-primary-hover: var(--factory-accent);
  --pico-primary-underline: var(--factory-accent);
  --pico-primary-hover-underline: var(--factory-accent);
  --pico-primary-background: var(--factory-accent);
  --pico-primary-hover-background: var(--factory-accent);
  --pico-primary-border: var(--factory-accent);
  --pico-primary-hover-border: var(--factory-accent);
  --pico-primary-focus: color-mix(in srgb, var(--factory-accent) 40%, transparent);
  --pico-primary-inverse: var(--factory-accent-text);
  --pico-secondary: var(--factory-muted);
  --pico-secondary-hover: var(--factory-text);
  --pico-secondary-background: var(--factory-surface);
  --pico-secondary-hover-background: var(--factory-line);
  --pico-secondary-border: var(--factory-line);
  --pico-secondary-hover-border: var(--factory-muted);
  --pico-secondary-inverse: var(--factory-text);
  --pico-card-background-color: var(--factory-surface);
  --pico-card-sectioning-background-color: var(--factory-surface);
  --pico-card-border-color: var(--factory-line);
  --pico-form-element-background-color: var(--factory-surface);
  --pico-form-element-active-background-color: var(--factory-surface);
  --pico-form-element-border-color: var(--factory-line);
  --pico-form-element-active-border-color: var(--factory-accent);
  --pico-form-element-focus-color: color-mix(in srgb, var(--factory-accent) 40%, transparent);
  --pico-form-element-color: var(--factory-text);
  --pico-form-element-placeholder-color: var(--factory-muted);
  --pico-accordion-border-color: var(--factory-line);
  --pico-accordion-close-summary-color: var(--factory-text);
  --pico-accordion-open-summary-color: var(--factory-text);
  --pico-accordion-active-summary-color: var(--factory-accent);
}

.factory-logo {
  height: 1.75rem;
  width: auto;
  vertical-align: middle;
}