/* Flow Family — generated from tokens.json */
:root, [data-theme="light"] {
  --accent: #2f6f9f;
  --on-accent: #ffffff;
  --ink: #23242c;
  --muted: #6b6e7b;
  --hairline: #e2dfd9;
  --field: #ffffff;
  --card: #fbf9f5f0;
  --backdrop: #000000;
  --on-photo: #ffffff;
  --shadow-card: 0 12px 60px rgba(0, 0, 0, 0.18);
}
:root {
  --card-width: 540px;
  --control-width: 386px;
  --control-height: 51px;
  --icon-size: 88px;
  --card-pad-top: 40px;
  --card-pad-bottom: 32px;
  --gap-icon: 14px;
  --gap-subtitle: 6px;
  --gap-form: 56px;
  --gap-field: 20px;
  --gap-link: 16px;
  --gap-register: 8px;
  --field-inset: 14px;
  --field-icon-slot: 46px;
  --radius-card: 28px;
  --radius-button: 14px;
  --radius-field: 12px;
  --font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;
}
.wordmark { font-family: var(--font-system); font-size: 38px; line-height: 44px; font-weight: 400; }
.subtitle { font-family: var(--font-system); font-size: 16px; line-height: 22px; font-weight: 400; }
.field { font-family: var(--font-system); font-size: 17px; line-height: 22px; font-weight: 400; }
.button { font-family: var(--font-system); font-size: 17px; line-height: 22px; font-weight: 600; }
.link { font-family: var(--font-system); font-size: 15px; line-height: 20px; font-weight: 500; }
.action { font-family: var(--font-system); font-size: 16px; line-height: 22px; font-weight: 600; }
.footnote { font-family: var(--font-system); font-size: 14px; line-height: 18px; font-weight: 400; }