/* Agent Hour UI v1. Approved by Koal, 2026-09-23.
   Canonical: AgentHour-Warm-Studio/03-guidelines/ui-system/tokens.css */
:root {
  --ah-bone: #f3ece3;
  --ah-ink: #0b0d0e;
  --ah-emerald: #00a878;
  --ah-surface: #faf8f4;
  --ah-link: #006447;
  --ah-muted: #535751;
  --ah-border: #d7d1c8;
  --ah-control-border: #777b73;
  --ah-error: #a6332a;
  --ah-warning: #805b13;
  --ah-action-hover: #13ba89;
  --ah-action-pressed: #00966b;
  --ah-font: Manrope, sans-serif;
  --ah-weight-heading: 600;
  --ah-weight-body: 400;
  --ah-weight-action: 650;
  --ah-type-h1: clamp(2.75rem, 1.6rem + 4.6vw, 5.5rem);
  --ah-type-h2: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  --ah-type-h3: clamp(1.5rem, 1.35rem + .6vw, 1.75rem);
  --ah-type-body: 1.125rem;
  --ah-type-label: .875rem;
  --ah-leading-body: 1.6;
  --ah-radius-card: .75rem;
  --ah-radius-control: .5rem;
  --ah-radius-media: 1.5rem;
  --ah-radius-pill: 999px;
  --ah-space-1: .25rem;
  --ah-space-2: .5rem;
  --ah-space-3: .75rem;
  --ah-space-4: 1rem;
  --ah-space-6: 1.5rem;
  --ah-space-8: 2rem;
  --ah-space-12: 3rem;
  --ah-space-18: 4.5rem;
  --ah-space-26: 6.5rem;
  --ah-content: 80rem;
  --ah-reading: 60ch;
  --ah-gutter: clamp(1.25rem, 3vw, 3.5rem);
  --ah-control-height: 3rem;
  --ah-duration-fast: 160ms;
  --ah-duration-normal: 240ms;
  --ah-ease: cubic-bezier(.16, 1, .3, 1);
  --ah-focus: #006447;
}
.ah-dark { color: var(--ah-bone); background: var(--ah-ink); --ah-focus: #00a878; }
@media (max-width: 767px) { :root { --ah-type-body: 1rem; } }