/* SquareTally Design System 1.0 — canonical tokens for app and marketing.
 * See docs/design-system/README.md. Keep values here, not in consuming files. */
:root {
  --st-ink: #1C1B18;
  --st-paper: #EFEBE4;
  --st-paper-deep: #E4DED4;
  --st-card: #FAF8F4;
  --st-white: #FFFFFF;
  --st-pine: #1F5A45;
  --st-pine-hover: #174635;
  --st-text: #4E4940;
  --st-muted: #676157;
  --st-border: rgba(28, 27, 24, 0.16);
  --st-border-control: #847C70;
  --st-success: #1F5A45;
  --st-success-surface: #E1EEE5;
  --st-warning: #79500D;
  --st-warning-surface: #F7EBD0;
  --st-danger: #B3261E;
  --st-danger-surface: #FBE9E7;
  --st-info: #275C78;
  --st-info-surface: #E4EFF5;
  --st-inverse-text: #EFEBE4;
  --st-inverse-muted: #C3BDB1;
  --st-inverse-accent: #8ED6B4;
  --st-font-heading: "Literata", Georgia, "Times New Roman", serif;
  --st-font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;
  --st-font-data: "IBM Plex Mono", ui-monospace, monospace;
  --st-text-xs: .75rem;
  --st-text-sm: .875rem;
  --st-text-md: 1rem;
  --st-text-lg: 1.125rem;
  --st-text-xl: 1.5rem;
  --st-text-2xl: 2rem;
  --st-text-display: clamp(2.5rem, 5vw, 4.5rem);
  --st-leading-tight: 1.2;
  --st-leading-body: 1.5;
  --st-weight-normal: 400;
  --st-weight-strong: 600;
  --st-tracking-heading: -.01em;
  --st-tracking-label: .08em;
  --st-space-0: 0;
  --st-space-1: .25rem;
  --st-space-2: .5rem;
  --st-space-3: .75rem;
  --st-space-4: 1rem;
  --st-space-5: 1.25rem;
  --st-space-6: 1.5rem;
  --st-space-8: 2rem;
  --st-space-10: 2.5rem;
  --st-space-12: 3rem;
  --st-space-16: 4rem;
  --st-space-24: 6rem;
  --st-radius-sm: 4px;
  --st-radius-control: 6px;
  --st-radius-card: 8px;
  --st-radius-lg: 10px;
  --st-radius-pill: 999px;
  --st-border-width: 1px;
  --st-border-strong: 1.5px;
  --st-shadow-lift: 3px 3px 0 var(--st-pine);
  --st-shadow-panel: 6px 6px 0 var(--st-pine);
  --st-focus-ring: 3px solid var(--st-pine);
  --st-focus-offset: 3px;
  --st-control-height: 2.75rem;
  --st-control-compact: 2.25rem;
  --st-content: 60rem;
  --st-content-wide: 80rem;
  --st-prose: 65ch;
  --st-gutter: clamp(1.15rem, 4vw, 3rem);
  --st-duration-fast: 150ms;
  --st-duration-normal: 250ms;
  --st-ease: cubic-bezier(.2, .7, .3, 1);
  --st-z-sticky: 10;
  --st-z-overlay: 100;
  /* Compatibility aliases: existing screens consume the same source. */
  --ink: var(--st-ink);
  --paper: var(--st-paper);
  --paper-deep: var(--st-paper-deep);
  --card: var(--st-card);
  --accent: var(--st-pine);
  --text: var(--st-text);
  --muted: var(--st-muted);
  --line: var(--st-border);
  --serif: var(--st-font-heading);
  --sans: var(--st-font-body);
  --mono: var(--st-font-data);
  --gutter: var(--st-gutter);
}