/* Project-specific overrides live here. Keep master.css untouched for agency-wide reuse. */

:root {
  --avm-nav-dropdown-offset: 1rem;
}
/* Light theme override */
html[data-theme="light"] {
  --wp--preset--color--background: #f3f3f3;
  --wp--preset--color--surface: #ffffff;
  --wp--preset--color--text: #1b2433;
  --wp--preset--color--muted: #5f6b84;
  --wp--preset--color--primary: #4f5f7c;
  --wp--preset--color--hover: #4c7de9;
  --wp--preset--color--secondary: #4f7fe5;
  --wp--preset--color--accent: #4370d3;
  --wp--preset--color--line: #d7deea;
  --wp--preset--color--success: #2d8f5b;
  --wp--preset--color--warning: #b88b22;
  --wp--preset--color--error: #c45d5d;
  --wp--preset--color--custom-surface-2: #eef2f8;
  --wp--preset--color--custom-muted-2: #73819d;
  --wp--preset--color--custom-muted-3: #a8b2c5;
  --wp--preset--color--custom-line-soft: #e8edf5;
}

/* Optional: smooth theme transition */
body,
.wp-site-blocks,
.wp-site-blocks * {
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

/* Optional switch button styling */
.avm-theme-toggle-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 999px;
  background: var(--wp--preset--color--surface);
  color: var(--wp--preset--color--text);
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.avm-theme-toggle-wrap:hover {
  color: var(--wp--preset--color--accent);
  border-color: var(--wp--preset--color--accent);
}

.avm-theme-toggle-wrap:active {
  transform: translateY(1px);
}

.avm-theme-toggle-icon,
.avm-theme-toggle-icon svg {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}

.avm-theme-toggle-icon svg {
  fill: currentColor;
	opacity: 0.7;
}

html[data-theme="light"] .avm-theme-toggle-wrap {
  background: var(--wp--preset--color--surface);
  color: var(--wp--preset--color--accent);
  border-color: var(--wp--preset--color--line);
}

html[data-theme="light"] .avm-theme-toggle-wrap:hover {
  color: var(--wp--preset--color--hover);
  border-color: var(--wp--preset--color--accent);
}