/* Loaded from /prevy-base.css (static) so styles apply even if /_next/static/css/*.css fails. */

:root {
  --color-violet: #7c3aed;
  --indigo: #7c3aed;
  --indigo-light: #f5f3ff;
  --indigo-mid: #ddd6fe;
  --indigo-muted: #a78bfa;
  --black: #0a0a0a;
  --gray-text: #666666;
  --gray-muted: #aaaaaa;
  --gray-border: #f0f0f0;
  --gray-surface: #fafafa;
  --white: #ffffff;
  --indigo-strong: #6d28d9;
  --indigo-border-soft: #ddd6fe;
  --gray-url: #efefef;
  --gray-url-text: #bbbbbb;
  --traffic-red: #ff5f57;
  --traffic-yellow: #febc2e;
  --traffic-green: #28c840;
  --green: #10b981;
  --amber: #f59e0b;
  --pink: #ec4899;
  --red: #ef4444;
  --green-soft-bg: #f0fdf4;
  --amber-soft-bg: #fffbeb;
  --pink-soft-bg: #fdf2f8;
  --red-soft-bg: #fef2f2;
  --green-mint-bg: #ecfdf5;
  --success-bg: #dcfce7;
  --success-text: #166534;
  --cta-note: #777777;
  --cta-muted: #555555;
  --editor-grad-end: #24243e;
  --phone-border: #222222;
  --phone-shell: #111111;
  --screen-grad-start: #1a1a2e;
  --screen-grad-end: #0f3460;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  overflow-x: clip;
  max-width: 100%;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: clip;
  max-width: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    sans-serif;
  line-height: 1.5;
  color: var(--gray-text);
  background: var(--white);
}

#prevy-root {
  min-height: 100vh;
  background: var(--white);
  color: var(--gray-text);
}

a {
  color: var(--indigo-strong);
}

button {
  font: inherit;
  cursor: pointer;
}

header nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.85rem;
}

footer .footer-inline-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.85rem;
}

header .mx-auto.flex.items-center.justify-between > div:last-of-type {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}

.prevy-logo-pre {
  color: var(--indigo);
}

.prevy-logo-vy {
  color: var(--black);
}