/* Shared Autobench-style brand tokens. Load AFTER page CSS.
   Tokens and logo size only — no layout or font-size changes. */

:root {
  --font-family: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --accent-color: #155dfc;
  --accent-light: #93c5fd;
  --accent-dark: #1447e6;
  --accent-color-rgb: 21, 93, 252;
  --text-color: #1a1a1a;
  --primary-color: var(--accent-color);
  --primary-dark: var(--accent-dark);
}

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

/* Override playground.css 60px logo; match Autobench 34px lockup. */
.section-logo {
  height: 34px;
  width: auto;
  margin-right: 0;
  vertical-align: middle;
}

/* Hover / active / loading must not keep the old indigo hex. */
.btn-primary:hover,
.btn-primary:active,
.btn-primary.loading,
.btn-generate:hover,
.btn-generate:active,
.btn-purchase:hover,
.btn-purchase:active,
.submit-button:hover {
  background-color: var(--accent-dark);
}

.btn-purchase {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* Tailwind indigo utilities used on base.html / credit_purchase. */
.text-indigo-600 { color: var(--accent-color) !important; }
.text-indigo-700,
.hover\:text-indigo-700:hover { color: var(--accent-dark) !important; }
.hover\:text-indigo-600:hover { color: var(--accent-color) !important; }
.bg-indigo-600 { background-color: var(--accent-color) !important; }
.hover\:bg-indigo-700:hover { background-color: var(--accent-dark) !important; }
.border-indigo-600 { border-color: var(--accent-color) !important; }
.focus\:ring-indigo-500:focus { --tw-ring-color: rgb(21 93 252) !important; }
.focus\:border-indigo-500:focus { border-color: var(--accent-color) !important; }

@media (max-width: 767px) {
  .section-logo {
    height: 23px;
  }
}