/* Toy Planet Figma v0.1-draft. Exported, not automatically activated.
   Source: Figma 5wN6yC1dXsaPewmUOoWgvG. Existing web font stack is unchanged. */
:root {
  --ink: #253659;
  --cream: #fffaf0;
  --lavender: #e8dff3;
  --blue: #3569d2;
  --purple: #8061c7;
  --orange: #ee963d;
  --lime: #b7d955;
  --focus: #154999;
  --edge: #e9dfcc;
  --muted: #736f7d;
  --disabled: #e9e6df;
  --white: #ffffff;
  --tp-color-text: var(--ink);
  --tp-color-surface: var(--cream);
  --tp-color-panel: var(--lavender);
  --tp-color-primary: var(--purple);
  --tp-color-navigation: var(--blue);
  --tp-color-stop: var(--orange);
  --tp-color-success: var(--lime);
  --tp-color-focus: var(--focus);
  --tp-color-border: var(--edge);
  --tp-color-disabled: var(--disabled);
  --tp-color-muted: var(--muted);
  --tp-color-on-primary: var(--cream);
  --tp-space-small: 8px;
  --tp-space-medium: 12px;
  --tp-space-large: 24px;
  --tp-radius-button: 20px;
  --tp-radius-key: 17px;
  --tp-radius-panel: 24px;
  --tp-size-key-width: 56px;
  --tp-size-control: 52px;
  --tp-size-icon: 32px;
  --tp-size-touch-min: 44px;
  --tp-size-help-regular: 150px;
  --tp-size-help-expanded: 220px;
  --tp-type-number: 28px;
  --tp-button-focus: #234c92;
  --tp-color-button-focus: var(--tp-button-focus);
}