/**
 * tarteaucitron.js theme overrides for `ludows/laravel-toolkit`.
 *
 * Only exposes CSS variables + a few structural selectors that the vanilla
 * tarteaucitron.css already ships. Everything else stays customisable
 * from the host theme by re-declaring these variables under a higher
 * specificity (e.g. `:root[data-theme="dark"]`).
 *
 * Layout hooks intentionally kept small — the goal is theming, not a
 * rewrite of tarteaucitron's DOM.
 */

:root {
  --tac-bg: #1a1a1a;
  --tac-text: #f5f5f5;
  --tac-btn-accept-bg: #2d6a4f;
  --tac-btn-deny-bg: #6c757d;
  --tac-link: #95d5b2;
  --tac-radius: 0;
  --tac-font: inherit;
  --tac-z-index: 2147483646;
}

#tarteaucitronRoot {
  font-family: var(--tac-font);
  z-index: var(--tac-z-index);
}

#tarteaucitronAlertBig {
  background: var(--tac-bg);
  color: var(--tac-text);
  border-radius: var(--tac-radius);
}

#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronAllAllowed,
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
  border-radius: var(--tac-radius);
}

#tarteaucitronAlertBig #tarteaucitronAllAllowed {
  background: var(--tac-btn-accept-bg);
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background: var(--tac-btn-deny-bg);
}

#tarteaucitronRoot a {
  color: var(--tac-link);
}