:root {
  /* paper */
  --paper: #F7F4EE;
  --surface: #FFFFFF;
  --ink: #14141A;
  --ink-2: #3A3A44;
  --muted: #5A5A66;
  --hairline: #D9D4C8;
  --border: #E5E1D8;
  --shade: #EFEAE0;

  /* divisions */
  --legal: #4A6B8A;
  --legal-tint: #E8EEF4;
  --legal-ink: #2C4458;
  --financial: #3F7F65;
  --financial-tint: #E6F0EB;
  --financial-ink: #2A5444;
  --marketing: #A87A2E;
  --marketing-tint: #F4ECDA;
  --marketing-ink: #6E5018;
  --hr: #8E5C7E;
  --hr-tint: #F0E6EC;
  --hr-ink: #5C3A50;
  --sales: #B5613A;
  --sales-tint: #F5E6DC;
  --sales-ink: #793F23;
  --operations: #5C5C6B;
  --operations-tint: #ECEAE8;
  --operations-ink: #3C3C48;

  /* functional */
  --focus: #1A1A24;
  --link: #14141A;
  --link-hover: #3F4A5C;
  --ai-mark: #14141A;

  /* type stack */
  --font-display: "Source Serif 4", "Source Serif Pro", Tinos, Georgia, serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* type scale, mobile-first values */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.5rem;
  --fs-3xl: 3rem;

  /* line height, letter spacing */
  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-base: 1.55;
  --lh-loose: 1.75;
  --ls-tight: -0.01em;
  --ls-base: 0;
  --ls-wide: 0.08em;
  --ls-xwide: 0.18em;

  /* spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* radii */
  --radius-0: 0;
  --radius-1: 2px;
  --radius-2: 4px;
  --radius-pill: 999px;

  /* shadows */
  --shadow-paper: 0 1px 0 rgba(20, 20, 26, 0.04);
  --shadow-lift: 0 8px 24px rgba(20, 20, 26, 0.08);
  --shadow-deep: 0 24px 64px rgba(20, 20, 26, 0.18);

  /* layout */
  --container-md: 720px;
  --container-lg: 960px;
  --container-xl: 1200px;

  /* transitions */
  --t-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* desktop type scale upgrade */
@media (min-width: 768px) {
  :root {
    --fs-md: 1.25rem;
    --fs-lg: 1.875rem;
    --fs-xl: 2.5rem;
    --fs-2xl: 3.75rem;
    --fs-3xl: 5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: 0ms;
  }
}