/* Forest Clay colour foundation. Shared by the storefront, Commerce Studio,
   standalone workspaces and offline shell. Component styles use these tokens. */
:root {
  --fc-brand: #173b2c;
  --fc-brand-hover: #244f3c;
  --fc-brand-deep: #102a21;
  --fc-brand-soft: #eaf1e9;
  --fc-brand-border: #c8d8c8;
  --fc-ink: #24352c;
  --fc-muted: #667064;
  --fc-paper: #f6f3eb;
  --fc-gold: #a68a55;
  /* Compatibility aliases for existing components and saved theme settings. */
  --navy: var(--fc-brand);
  --green: var(--fc-brand);
  --gold: var(--fc-gold);
  --ink: var(--fc-ink);
  --muted: var(--fc-muted);
  --paper: var(--fc-paper);
  --border: var(--fc-brand-border);
  accent-color: var(--fc-brand);
}
::selection {
  color: #fff;
  background: var(--fc-brand);
}