:root{
  /* text */
  --text-strong:var(--ink-900);--text-body:var(--ink-600);--text-muted:var(--ink-500);
  --text-inverse:var(--white);--text-on-dark:var(--ink-200);--text-accent:var(--mint-700);--text-on-accent:var(--ink-900);
  --text-link:var(--mint-800);--text-link-hover:var(--ink-900);
  /* surfaces */
  --surface-page:var(--white);--surface-alt:var(--sand-50);--surface-card:var(--white);
  --surface-sunken:var(--ink-50);--surface-inverse:var(--ink-700);--surface-inverse-deep:var(--ink-950);
  --surface-accent:var(--mint-400);--surface-accent-soft:var(--mint-50);
  /* borders */
  --border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-strong:var(--ink-700);
  --border-accent:var(--mint-400);--border-inverse:rgba(255,255,255,.16);
  /* controls — @kind spacing for heights/padding */
  --control-height-sm:36px; /* @kind spacing */--control-height-md:44px; /* @kind spacing */--control-height-lg:54px; /* @kind spacing */
  --control-padding-x-sm:14px; /* @kind spacing */--control-padding-x-md:20px; /* @kind spacing */--control-padding-x-lg:28px; /* @kind spacing */
  --card-radius:var(--radius-lg);--card-border:1px solid var(--border-subtle); /* @kind other */--card-shadow:var(--shadow-sm);
  --card-shadow-hover:var(--shadow-md);
}