/* Sting in the Tail — web-layer design tokens.
   Generated from sitt-design-system/tokens/tokens.json by
   tools/build-web-tokens.py. Do not edit by hand.

   These are the tokens _ds_bundle.css expects but tokens.css does not yet
   emit. Remove this file once the design system's own generator covers
   the web layer. */

:root {
  /* container */
  --sitt-container-max: 1180px;
  --sitt-container-gutter: 24px;
  --sitt-container-gutter-wide: 40px;

  /* controls */
  --sitt-control-height-sm: 34px;
  --sitt-control-height-md: 42px;
  --sitt-control-height-lg: 52px;
  --sitt-control-pad-x-sm: 14px;
  --sitt-control-pad-x-md: 20px;
  --sitt-control-pad-x-lg: 28px;
  --sitt-control-radius: 2px;
  --sitt-control-min-target: 44px;

  /* interaction */
  --sitt-focus-ring: 2px solid #49433F;
  --sitt-focus-offset: 2px;
  --sitt-transition: 140ms ease;
  --sitt-hover-darken: 0.08;
  --sitt-disabled-opacity: 0.45;

  /* elevation */
  --sitt-elevation-sm: 0 1px 2px rgba(73,67,63,.10);
  --sitt-elevation-md: 0 3px 10px rgba(73,67,63,.14);
  --sitt-elevation-lg: 0 12px 34px rgba(73,67,63,.20);

  /* semantic (notices, badges, validation) */
  --sitt-success-fill: #4A762D;
  --sitt-success-text: #4A762D;
  --sitt-success-tint: #DFDDC5;
  --sitt-warning-fill: #EBB146;
  --sitt-warning-text: #846327;
  --sitt-warning-tint: #F2E4C8;
  --sitt-danger-fill: #A53D25;
  --sitt-danger-text: #A53D25;
  --sitt-danger-tint: #EAD6C4;
  --sitt-info-fill: #547D92;
  --sitt-info-text: #4A6F81;
  --sitt-info-tint: #E0DED1;

  /* breakpoints, for reference — media queries cannot read custom properties */
  --sitt-breakpoint-sm: 560px;
  --sitt-breakpoint-md: 860px;
  --sitt-breakpoint-lg: 1180px;
}

/* The system asks for transitions to be suppressed under reduced motion. */
@media (prefers-reduced-motion: reduce) {
  :root { --sitt-transition: 0s; }
}