:root {
  --background: oklch(0.995 0.004 95);
  --foreground: oklch(0.24 0.015 235);
  --card: oklch(1 0 0);
  --primary: oklch(0.44 0.06 230);
  --primary-foreground: oklch(0.99 0.005 95);
  --secondary: oklch(0.968 0.008 90);
  --secondary-foreground: oklch(0.3 0.015 235);
  --muted: oklch(0.965 0.006 90);
  --muted-foreground: oklch(0.53 0.015 235);
  --accent: oklch(0.66 0.11 178);
  --accent-foreground: oklch(0.99 0.005 95);
  --border: oklch(0.912 0.008 90);
  --input: oklch(0.9 0.008 90);
  --ring: oklch(0.66 0.11 178);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: 'Figtree', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.field {
  width: 100%;
  border-radius: .5rem;
  border: 1px solid var(--input);
  background: var(--background);
  padding: .625rem .75rem;
  font-size: .875rem;
  outline: none;
  transition: border-color .15s;
}
.field:focus { border-color: var(--ring); }

.btn-primary { display: inline-flex; align-items: center; gap: .5rem; border-radius: 9999px; background: var(--primary); color: var(--primary-foreground); padding: .75rem 1.25rem; font-size: .875rem; font-weight: 500; }
.btn-primary:hover { opacity: .9; }
.btn-accent { display: inline-flex; align-items: center; gap: .5rem; border-radius: 9999px; background: var(--accent); color: var(--accent-foreground); padding: .75rem 1.25rem; font-size: .875rem; font-weight: 500; }
.btn-accent:hover { opacity: .92; }
.btn-outline { display: inline-flex; align-items: center; gap: .5rem; border-radius: 9999px; border: 1px solid var(--border); padding: .75rem 1.25rem; font-size: .875rem; font-weight: 500; }
.btn-outline:hover { background: var(--secondary); }
.card { border-radius: 1.25rem; border: 1px solid var(--border); background: var(--card); }
.eyebrow { font-size: .90rem; font-weight: 800; text-transform: uppercase; letter-spacing: .18em; color: var(--muted-foreground); }