/* AutomatedOn — brand overrides for the Bootstrap-based backoffice/dashboard app.
   Recolors + re-fonts stock Bootstrap 5.3 components to match automatedon.com
   (see public-site.css for the same tokens used on the public/legal pages).
   Component shapes (radius, spacing) are left at Bootstrap defaults on purpose —
   this is a dense data UI, not a marketing page. */

:root {
  --ink: #0E2A3B;
  --ink2: #12384E;
  --teal: #12B5A6;
  --teal-d: #0E9C90;
  --cyan: #3DE0CF;
  --amber: #F5A623;
  --paper: #FFFFFF;
  --mist: #EAF6F4;
  --slate: #5B7185;
  --line: #E3ECEF;
  --bg-soft: #F5FAF9;

  --bs-primary: var(--teal);
  --bs-primary-rgb: 18, 181, 166;
  --bs-link-color: var(--teal-d);
  --bs-link-color-rgb: 14, 156, 144;
  --bs-link-hover-color: var(--teal);
  --bs-link-hover-color-rgb: 18, 181, 166;
  --bs-body-font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

[data-bs-theme="dark"] {
  --bs-primary: var(--cyan);
  --bs-primary-rgb: 61, 224, 207;
  --bs-link-color: var(--cyan);
  --bs-link-color-rgb: 61, 224, 207;
  --bs-link-hover-color: #fff;
  --bs-link-hover-color-rgb: 255, 255, 255;
}

body {
  font-family: var(--bs-body-font-family);
}

h1, h2, h3, h4, h5, h6,
.navbar-brand, .sidebar-heading {
  font-family: 'Manrope', -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ---- Buttons ----
   Bootstrap's precompiled bootstrap.min.css hardcodes .btn-primary /
   .btn-outline-primary / .btn-outline-secondary to literal hex values rather
   than var(--bs-primary), so the root remap above doesn't reach them — these
   need their own overrides. */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--teal);
  --bs-btn-border-color: var(--teal);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--teal-d);
  --bs-btn-hover-border-color: var(--teal-d);
  --bs-btn-focus-shadow-rgb: 18, 181, 166;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--teal-d);
  --bs-btn-active-border-color: var(--teal-d);
  --bs-btn-disabled-bg: var(--teal);
  --bs-btn-disabled-border-color: var(--teal);
}

.btn-outline-primary {
  --bs-btn-color: var(--teal-d);
  --bs-btn-border-color: var(--teal);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--teal);
  --bs-btn-hover-border-color: var(--teal);
  --bs-btn-focus-shadow-rgb: 18, 181, 166;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--teal-d);
  --bs-btn-active-border-color: var(--teal-d);
  --bs-btn-disabled-color: var(--teal);
  --bs-btn-disabled-border-color: var(--teal);
}

/* .btn-ghost look (matches public-site.css / automatedon.com) applied to the
   app's secondary action button, .btn-outline-secondary — stays transparent
   on hover/active instead of Bootstrap's default solid-fill behavior. */
.btn-outline-secondary {
  --bs-btn-color: var(--ink);
  --bs-btn-border-color: var(--line);
  --bs-btn-hover-color: var(--teal-d);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--teal);
  --bs-btn-focus-shadow-rgb: 18, 181, 166;
  --bs-btn-active-color: var(--teal-d);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--teal);
  --bs-btn-disabled-color: var(--slate);
  --bs-btn-disabled-border-color: var(--line);
}