/* Tend design tokens. Generated from tokens.json. Light theme only. */
:root {
  /* Color */
  --indigo: #4F46E5;
  --indigo-deep: #3B33C4;
  --periwinkle: #E4E2FD;
  --wash: #F1F0FB;
  --bloom: #E64C8D;
  --bloom-deep: #A82560;
  --petal: #FDE3EE;
  --ink: #1B1A3A;
  --dusk: #5A5878;
  --snow: #FBFAFF;
  --surface: #FFFFFF;
  --line: #E5E3F3;
  --line-control: #D6D3F0;

  /* Font families */
  --font-display: "Sora", system-ui, sans-serif;
  --font-body: "Onest", system-ui, sans-serif;

  /* Type scale: size / line height / weight */
  --text-display: 800 42px/46px var(--font-display);
  --text-headline: 800 36px/42px var(--font-display);
  --text-subhead: 600 21px/28px var(--font-display);
  --text-title: 600 18px/24px var(--font-body);
  --text-body: 400 16px/25px var(--font-body);
  --text-body-sm: 400 14px/20px var(--font-body);
  --text-label: 600 13px/16px var(--font-body);
  --text-caption: 500 12px/16px var(--font-body);
  --tracking-display: -0.04em;
  --tracking-headline: -0.03em;
  --tracking-eyebrow: 0.08em;

  /* Spacing */
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 28px;
  --space-5: 32px;
  --space-6: 56px;

  /* Radius */
  --radius-sm: 16px;
  --radius-lg: 24px;
  --radius-bubble: 20px;
  --radius-pill: 999px;

  /* Sizing */
  --control-height: 44px;
  --control-height-sm: 40px;
}