/* AfterTrash v0.1 canonical design tokens. Read values for every medium.
   Font files are not bundled. Load licensed project fonts or use fallbacks.
   This file defines variables only; it does not restyle a host application. */
:root {
  --at-color-brand-blue: #0273FD;
  --at-color-yellow: #FDD359;
  --at-color-ink: #272B30;
  --at-color-muted: #5B636D;
  --at-color-canvas: #F7F7F2;
  --at-color-surface: #FFFFFF;
  --at-color-action: #0066E0;
  --at-color-action-hover: #004FAE;
  --at-color-on-action: #FFFFFF;
  --at-color-on-yellow: #272B30;
  --at-color-divider: #DADFE4;
  --at-color-control-border: #7A838D;
  --at-color-info: #064E9B;
  --at-color-info-surface: #EDF3FA;
  --at-color-success: #14633B;
  --at-color-success-surface: #EAF5EF;
  --at-color-warning: #725000;
  --at-color-warning-surface: #FFF4D6;
  --at-color-error: #A32624;
  --at-color-error-surface: #FDEEEE;

  --at-font-heading: "Wix Madefor Display", "Wix Madefor Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --at-font-body: "Wix Madefor Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --at-font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --at-text-small: 0.875rem;
  --at-text-body: 1rem;
  --at-text-lead: clamp(1.125rem, 1.04rem + 0.35vw, 1.375rem);
  --at-text-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --at-text-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
  --at-text-h1: clamp(2.25rem, 1.55rem + 2.8vw, 4rem);
  --at-leading-body: 1.55;
  --at-leading-heading: 1.1;
  --at-weight-body: 400;
  --at-weight-emphasis: 600;
  --at-weight-heading: 700;

  --at-space-1: 0.25rem;
  --at-space-2: 0.5rem;
  --at-space-3: 0.75rem;
  --at-space-4: 1rem;
  --at-space-6: 1.5rem;
  --at-space-8: 2rem;
  --at-space-12: 3rem;
  --at-space-16: 4rem;
  --at-space-24: 6rem;
  --at-radius-control: 0.375rem;
  --at-radius-card: 0.75rem;
  --at-border-width: 1px;
  --at-content-max: 75rem;
  --at-prose-max: 65ch;
  --at-control-min-height: 2.75rem;
  --at-focus-width: 3px;
  --at-focus-offset: 3px;
  --at-focus-color: #0066E0;
  --at-focus-color-inverse: #FDD359;
  --at-motion-fast: 120ms;
  --at-motion-standard: 200ms;
  --at-motion-story-step: 400ms;
  --at-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --at-motion-fast: 0ms;
    --at-motion-standard: 0ms;
    --at-motion-story-step: 0ms;
  }
}