/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.24_@babel+core@7.29.7_@opentelemetry+api@1.9.0_@playwright+test@1.58.2_react-_e269e3f299b18687a336575824bf222e/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.24_@babel+core@7.29.7_@opentelemetry+api@1.9.0_@playwright+test@1.58.2_react-_e269e3f299b18687a336575824bf222e/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/(site)/site-theme.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Public-site design tokens
 *
 * These tokens are intentionally scoped to `.public-site`. Product UI keeps
 * using the shared application theme, while marketing, docs, cases, and blog
 * pages share one explicit visual contract.
 */

.public-site {
  /* Warm editorial foundation used by the current home-page direction. */
  --site-canvas: #f7f7f4;
  --site-surface: #ffffff;
  --site-surface-muted: #efefeb;
  --site-heading: #0b211a;
  --site-body: #374151;
  --site-muted: #6b7280;
  --site-subtle: #6b7280;
  --site-border: #dedfda;
  --site-border-strong: #c7ccc5;

  /* Brand identity and actions have distinct, documented roles. */
  --site-brand: var(--brand);
  --site-brand-hover: #1a5c38;
  --site-action: #123c31;
  --site-action-hover: #0b2c23;

  /* Inverse sections reuse one dark surface and one warm foreground. */
  --site-inverse: #101b1a;
  --site-on-inverse: #f8f5ed;
  --site-on-inverse-muted: #d4d4d0;
  --site-on-inverse-accent: #8fc3a5;
  --site-focus: var(--site-action);
  --site-focus-contrast: #ffffff;

  min-height: 100%;
  background: var(--site-canvas);
  color: var(--site-body);
  font-family: var(--font-work-sans), system-ui, sans-serif;
}

.public-site :where(code, kbd, pre, samp) {
  font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
}

.public-site :where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--site-focus-contrast);
  outline-offset: 1px;
  box-shadow: 0 0 0 4px var(--site-focus);
}