@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Mulish:wght@400;500;600;700&display=swap');

:root {
  --anker-gold: #D4A017;
  --anker-gold-soft: #E6BD52;
  --anker-charcoal: #1A1A1A;
  --anker-bg: #f7f5f2;
  --anker-bg-soft: #F8F6F1;
  --anker-bg-soft2: #F0EDE5;
  --anker-border: #E5E0D5;
  --anker-text: #1A1A1A;
  --anker-text-muted: #6B6B6B;
  --anker-error: #B00020;
  --anker-error-bg: #FDECEA;
  --anker-success: #2E7D32;
  --anker-success-bg: #E8F5E9;
  --anker-toggle-on: var(--anker-gold);
  --anker-toggle-off: #D6D6D6;

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.12);

  --container-max: 1200px;
}

body {
  font-family: var(--font-body);
  color: var(--anker-text);
  background: var(--anker-bg);
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--anker-charcoal);
  letter-spacing: 0.02em;
}

h1 { font-size: 1.25rem; }
h2 { font-size: 1.5rem; line-height: 1.25; }
h3 { font-size: 1.05rem; }

p { color: var(--anker-text); }

label > span {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--anker-text-muted);
  margin-bottom: var(--space-xs);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
select, textarea {
  display: block;
  width: 100%;
  padding: 10px 12px;
  background: var(--anker-bg);
  border: 1px solid var(--anker-border);
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
  color: var(--anker-text);
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--anker-gold);
  box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.15);
}

input:invalid:not(:placeholder-shown) {
  border-color: var(--anker-error);
}

select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B6B6B' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}

textarea { resize: vertical; min-height: 120px; }

::placeholder { color: #B5B0A6; }