/* Shared Keeastro UI tokens. See DESIGN-SYSTEM.md. */
:root {
  --bg:#ffffff; --surface:#ffffff; --soft:#f8f7f3; --ink:#292519; --muted:#665e52;
  --gold:#f6cb46; --gold-hover:#e9b930; --brand-soft:#fff5d4; --line:#e8e5de;
  --positive:#216b43; --critical:#b42318; --focus:#5536a3;
  --sans:'DM Sans',Arial,sans-serif;
  --text-hero:64px; --text-page:40px; --text-section:32px; --text-title:20px;
  --text-subtitle:18px; --text-body:16px; --text-small:14px; --text-caption:12px;
  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700;
  --leading-display:1.1; --leading-heading:1.25; --leading-body:1.6; --leading-control:1.4;
  --tracking-display:-.035em; --tracking-heading:-.02em;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:72px;
  --section-space:var(--space-9); --card-padding:var(--space-5); --grid-gap:var(--space-5);
  --page-gutter:clamp(24px,4vw,64px); --control-height:48px; --control-compact:44px;
  --radius-control:4px; --radius-card:8px; --reading-width:65ch;
}
@media(max-width:1024px){:root{--text-hero:48px;--text-page:36px;--section-space:64px}}
@media(max-width:580px){:root{--text-hero:40px;--text-page:32px;--text-section:28px;--text-title:18px;--text-subtitle:16px;--section-space:var(--space-7);--card-padding:var(--space-4);--grid-gap:var(--space-4);--page-gutter:20px}}