/* Shared control tokens for app, marketing, auth and welcome surfaces.
   Theme colors remain inherited from the active page. */
:root {
  --control-height: 46px;
  --control-height-small: 40px;
  --control-height-large: 50px;
  --control-radius: var(--r-md);
  --control-padding-inline: 20px;
  --control-primary-background: linear-gradient(180deg, var(--accent), var(--accent-strong));
  --control-primary-text: #fff;
  --control-welcome-background: #a9cbff;
  --control-welcome-text: #142138;
  --control-focus-color: var(--accent);
}