/* SMOLNIKOV brand overlay for Cal.com — matches smolnikov.pro
   primary #20D335 · Manrope + JetBrains Mono · injected via nginx sub_filter */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root,
[data-theme="light"],
[data-theme="dark"],
html.dark,
html {
  /* Cal.com brand token — drives buttons, links, booking accents */
  --cal-brand: #20D335 !important;
  --cal-brand-emphasis: #17B82B !important;
  --cal-brand-subtle: #E8FBEC !important;
  --cal-brand-text: #0A0A0A !important;
  --cal-brand-accent: #0A0A0A !important;
  --brand-color: #20D335 !important;
  --brand-text-color: #0A0A0A !important;
}

/* Manrope everywhere, JetBrains Mono for code/mono */
html, body, button, input, select, textarea, kbd,
[class*="font-sans"], .font-cal, [class*="font-medium"], [class*="font-semibold"] {
  font-family: 'Manrope', system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
code, pre, [class*="font-mono"] {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
}

/* Primary buttons / brand surfaces -> smolnikov green with dark text */
.bg-brand-default,
.bg-brand,
[class*="bg-brand-default"],
button[data-testid="event-type-submit-button"],
button[type="submit"].bg-brand-default {
  background-color: #20D335 !important;
  border-color: #20D335 !important;
  color: #0A0A0A !important;
}
.bg-brand-default:hover,
.bg-brand:hover,
[class*="bg-brand-default"]:hover {
  background-color: #17B82B !important;
  border-color: #17B82B !important;
}
.text-brand,
[class*="text-brand-default"] { color: #0A0A0A !important; }

/* Links / selected accents */
a.text-emphasis:hover,
.text-blue-500, .text-blue-600,
[data-state="checked"][class*="bg-"] { color: #087A1F !important; }

/* Focus rings / selected radios-checkboxes -> green */
[data-state="checked"].bg-brand-default,
input:checked,
.ring-brand-default { accent-color: #20D335 !important; }

/* Slightly tighter, sharper radii to match smolnikov.pro */
.rounded-md { border-radius: 10px !important; }
.rounded-lg { border-radius: 14px !important; }