/*
  Tabler -> Exodus NDS theme bridge
  - Loaded AFTER Tabler CSS
  - Defines Tabler CSS variables using ENDS tokens
  - Adds a few opinionated overrides for brand feel
*/

/* Import ENDS tokens (also brings in Google Fonts import) */
@import url('./ends_theme.css');

:root {
  /* Brand mapping into Tabler/Bootstrap-ish CSS variables */
  --tblr-primary: var(--ends-purple);
  --tblr-primary-rgb: 85, 0, 170;

  --tblr-secondary: var(--ends-navy);
  --tblr-secondary-rgb: 27, 32, 64;

  --tblr-success: var(--ends-green);
  --tblr-success-rgb: 0, 119, 51;

  --tblr-info: var(--ends-blue);
  --tblr-info-rgb: 26, 127, 255;

  --tblr-warning: var(--ends-amber);
  --tblr-warning-rgb: 160, 120, 0;

  --tblr-danger: var(--ends-red);
  --tblr-danger-rgb: 170, 0, 17;

  --tblr-body-bg: var(--ends-page-bg);
  --tblr-body-color: var(--ends-text);

  --tblr-muted: var(--ends-text-muted);

  --tblr-font-sans-serif: 'Roboto Condensed', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --tblr-font-serif: 'Crimson Pro', ui-serif, Georgia, serif;
}

/* Site-wide typography */
body {
  font-family: var(--tblr-font-serif);
}

h1, h2, h3, h4, h5, h6,
.navbar-brand {
  font-family: 'Cinzel', ui-serif, Georgia, serif;
}

/* Links & nav */
a {
  color: var(--ends-blue);
}
a:hover {
  color: var(--ends-blue-dk);
}

/* Make primary buttons feel more "Exodus" */
.btn-primary {
  --tblr-btn-bg: var(--ends-purple);
  --tblr-btn-border-color: var(--ends-purple);
}

/* Header/footer tone */
.navbar,
.footer {
  background: var(--ends-navy);
}

.navbar .nav-link,
.navbar .navbar-brand,
.footer,
.footer a {
  color: #e8eaf6;
}

.navbar .nav-link:hover,
.footer a:hover {
  color: var(--ends-purple-lt);
}