:root {
  --radius: 0.625rem;
  --ink: oklch(0.23 0.03 256);
  --inksoft: oklch(0.47 0.03 256);
  --mist: oklch(0.66 0.025 256);
  --frost: oklch(0.985 0.004 256);
  --ice: oklch(0.94 0.018 256);
  --brand: oklch(0.55 0.19 258);
  --mint: oklch(0.58 0.15 165);
  --amber: oklch(0.69 0.14 72);
  --rose: oklch(0.61 0.2 25);
  --background: oklch(0.975 0.006 256);
  --foreground: var(--ink);
  --card: oklch(1 0 0);
  --card-foreground: var(--ink);
  --popover: oklch(1 0 0);
  --popover-foreground: var(--ink);
  --primary: var(--brand);
  --primary-foreground: var(--frost);
  --secondary: oklch(0.955 0.01 256);
  --secondary-foreground: var(--inksoft);
  --muted: oklch(0.95 0.01 256);
  --muted-foreground: var(--mist);
  --accent: oklch(0.94 0.025 258);
  --accent-foreground: var(--ink);
  --destructive: var(--rose);
  --destructive-foreground: var(--frost);
  --border: oklch(0.9 0.012 256);
  --input: oklch(0.9 0.012 256);
  --ring: var(--brand);
  --font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Sora", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
* { border-color: var(--border); }
html, body { margin: 0; padding: 0; }
body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

/* butoane generice folosite in paginile statice */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  height: 2.75rem; padding: 0 1rem; border-radius: .5rem; border: 1px solid transparent;
  font-size: .875rem; font-weight: 600; cursor: pointer;
}
.btn-primary { background: var(--primary); color: var(--primary-foreground); }
.btn-primary:hover { filter: brightness(1.05); }
.btn-outline { background: var(--card); color: var(--ink); border-color: var(--border); }
.btn-outline:hover { background: var(--muted); }
.field-label { color: var(--ink); font-size: .8125rem; font-weight: 600; }
.field-input {
  width: 100%; height: 2.75rem; padding: 0 .75rem; border: 1px solid var(--input);
  border-radius: .5rem; background: var(--card); color: var(--ink); font-size: .875rem; outline: 0;
}
.field-input:focus { border-color: var(--primary); box-shadow: 0 0 0 2px color-mix(in oklab, var(--primary) 12%, transparent); }