/* Generated by scripts/tokens.ts from @kite/design-tokens. Do not edit: run `pnpm --filter @kite/landing tokens`. */

/* Colours: the light theme's roles. Inside `.theme-dark` the same roles take the dark theme's values. */
:root,
.theme-light {
  color-scheme: light;
  --color-background: #fdf6ee;
  --color-surface: #fffcf8;
  --color-surface-accent: #e9dbe7;
  --color-border: #ebe1d6;
  --color-border-strong: #827b8a;
  --color-foreground: #1f1637;
  --color-foreground-secondary: #4b4462;
  --color-foreground-muted: #655e79;
  --color-primary: #6c35d3;
  --color-primary-pressed: #4b21a3;
  --color-on-primary: #ffffff;
  --color-brand: #d42a2c;
  --color-brand-pressed: #b11e22;
  --color-on-brand: #ffffff;
  --color-danger: #b11e22;
  --color-danger-pressed: #8f171b;
  --color-on-danger: #ffffff;
  --color-success: #5fd34a;
  --color-success-text: #25711b;
  --color-on-success: #1f1637;
  --color-warning: #ffcf3a;
  --color-warning-text: #7a4f00;
  --color-on-warning: #1f1637;
  --color-success-surface: #e3f5dc;
  --color-warning-surface: #fff1c7;
  --color-danger-surface: #fbe2e0;
  --color-inverse: #1f1637;
  --color-on-inverse: #fdf6ee;
  --color-switch-thumb: #ffffff;
  --color-scrim: #1f1637;
  --color-focus-ring: #6c35d3;
  --color-disabled: #ebe1d6;
  --color-on-disabled: #7b7491;
}

.theme-dark {
  color-scheme: dark;
  --color-background: #17102a;
  --color-surface: #221a3a;
  --color-surface-accent: #30254d;
  --color-border: #3a3054;
  --color-border-strong: #7b7193;
  --color-foreground: #fdf6ee;
  --color-foreground-secondary: #cfc6de;
  --color-foreground-muted: #a59fb8;
  --color-primary: #b49cff;
  --color-primary-pressed: #9a7ff0;
  --color-on-primary: #1f1637;
  --color-brand: #d42a2c;
  --color-brand-pressed: #b11e22;
  --color-on-brand: #ffffff;
  --color-danger: #ff8a80;
  --color-danger-pressed: #ff5c5c;
  --color-on-danger: #1f1637;
  --color-success: #5fd34a;
  --color-success-text: #7fe36b;
  --color-on-success: #1f1637;
  --color-warning: #ffcf3a;
  --color-warning-text: #ffcf3a;
  --color-on-warning: #1f1637;
  --color-success-surface: #1c3324;
  --color-warning-surface: #3a3017;
  --color-danger-surface: #3f1d29;
  --color-inverse: #fdf6ee;
  --color-on-inverse: #1f1637;
  --color-switch-thumb: #1f1637;
  --color-scrim: #000000;
  --color-focus-ring: #b49cff;
  --color-disabled: #2c2344;
  --color-on-disabled: #8a83a0;
}

:root {
  /* The raw palette, for illustrations only (kites, sky, stickers, the 3D device). */
  --palette-cream: #fdf6ee;
  --palette-paper: #fffcf8;
  --palette-white: #ffffff;
  --palette-ink: #1f1637;
  --palette-ink2: #4b4462;
  --palette-muted: #7b7491;
  --palette-muted-text: #655e79;
  --palette-line: #ebe1d6;
  --palette-line-strong: #827b8a;
  --palette-red: #d42a2c;
  --palette-red-dark: #b11e22;
  --palette-red-deep: #8f171b;
  --palette-purple: #6c35d3;
  --palette-purple-dark: #4b21a3;
  --palette-lilac: #e9dbe7;
  --palette-pink: #ff4f9a;
  --palette-yellow: #ffcf3a;
  --palette-green: #5fd34a;
  --palette-green-text: #25711b;
  --palette-blue: #7fd0ff;
  --palette-amber-text: #7a4f00;
  --palette-green-tint: #e3f5dc;
  --palette-yellow-tint: #fff1c7;
  --palette-red-tint: #fbe2e0;
  --palette-night: #17102a;
  --palette-night-surface: #221a3a;
  --palette-night-raised: #30254d;
  --palette-night-disabled: #2c2344;
  --palette-night-line: #3a3054;
  --palette-night-line-strong: #7b7193;
  --palette-lilac-text: #cfc6de;
  --palette-muted-night: #a59fb8;
  --palette-muted-disabled: #8a83a0;
  --palette-lavender: #b49cff;
  --palette-lavender-dark: #9a7ff0;
  --palette-coral: #ff8a80;
  --palette-coral-dark: #ff5c5c;
  --palette-green-bright: #7fe36b;
  --palette-night-green: #1c3324;
  --palette-night-yellow: #3a3017;
  --palette-night-red: #3f1d29;
  --palette-black: #000000;
  --palette-rainbow-red: #ef3b2d;
  --palette-rainbow-orange: #f7861e;
  --palette-rainbow-yellow: #fbbc1c;
  --palette-rainbow-green: #0f9d7a;
  --palette-rainbow-blue: #1e6fe6;
  --palette-rainbow-blue-dark: #1557bd;
  --palette-rainbow-purple: #7a3fd1;
  --palette-rainbow-pink: #f2629b;
  --palette-rainbow-navy: #152246;

  /* Fonts, and the text styles as `font` shorthands (`font: var(--type-label)`). */
  --font-display: "Nunito Sans", system-ui, sans-serif;
  --font-display--weight: 800;
  --font-body: "Nunito Sans", system-ui, sans-serif;
  --font-body--weight: 400;
  --font-body-semibold: "Nunito Sans", system-ui, sans-serif;
  --font-body-semibold--weight: 600;
  --font-body-bold: "Nunito Sans", system-ui, sans-serif;
  --font-body-bold--weight: 700;
  --text-display: 32px;
  --text-display--line-height: 38px;
  --type-display: 800 32px/38px "Nunito Sans", system-ui, sans-serif;
  --text-title: 24px;
  --text-title--line-height: 30px;
  --type-title: 800 24px/30px "Nunito Sans", system-ui, sans-serif;
  --text-heading: 18px;
  --text-heading--line-height: 24px;
  --type-heading: 700 18px/24px "Nunito Sans", system-ui, sans-serif;
  --text-body: 16px;
  --text-body--line-height: 24px;
  --type-body: 400 16px/24px "Nunito Sans", system-ui, sans-serif;
  --text-body-strong: 16px;
  --text-body-strong--line-height: 24px;
  --type-body-strong: 700 16px/24px "Nunito Sans", system-ui, sans-serif;
  --text-label: 14px;
  --text-label--line-height: 20px;
  --type-label: 600 14px/20px "Nunito Sans", system-ui, sans-serif;
  --text-caption: 13px;
  --text-caption--line-height: 18px;
  --type-caption: 400 13px/18px "Nunito Sans", system-ui, sans-serif;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgb(31 22 55 / 0.12);
  --shadow-md: 0 4px 12px rgb(31 22 55 / 0.16);
  --shadow-lg: 0 12px 32px rgb(31 22 55 / 0.24);
  --spacing: 4px;

  /* Motion: durations for fades, and springs for anything that moves (`transition: transform var(--spring-bouncy)`). */
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-slow: 320ms;
  --spring-snappy: 260ms linear(0, 0.013, 0.047, 0.097, 0.156, 0.222, 0.29, 0.359, 0.427, 0.492, 0.553, 0.61, 0.663, 0.711, 0.754, 0.792, 0.826, 0.856, 0.882, 0.904, 0.923, 0.939, 0.953, 0.965, 0.974, 0.982, 0.988, 0.993, 0.997, 1, 1.002, 1.004, 1);
  --spring-gentle: 420ms linear(0, 0.019, 0.066, 0.129, 0.202, 0.278, 0.354, 0.426, 0.494, 0.557, 0.614, 0.665, 0.711, 0.751, 0.786, 0.817, 0.844, 0.867, 0.887, 0.904, 0.919, 0.931, 0.942, 0.951, 0.959, 0.965, 0.971, 0.976, 0.98, 0.983, 0.986, 0.988, 1);
  --spring-bouncy: 380ms linear(0, 0.031, 0.112, 0.225, 0.355, 0.491, 0.623, 0.745, 0.851, 0.939, 1.009, 1.061, 1.096, 1.117, 1.126, 1.125, 1.117, 1.104, 1.088, 1.071, 1.054, 1.038, 1.024, 1.012, 1.002, 0.995, 0.989, 0.986, 0.984, 0.984, 0.985, 0.986, 1);
  --press-scale: 0.97;
  --press-scale-small: 0.9;
}