/* Marca Intuix sobre Bootstrap 5.3 — tokens de vincle/app/assets/css/tokens.css */

@font-face {
  font-family: 'JetBrains Mono';
  src: url('JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --bs-body-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --bs-font-monospace: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --bs-primary: #ff0046;
  --bs-primary-rgb: 255, 0, 70;
  --bs-link-color: #ff0046;
  --bs-link-color-rgb: 255, 0, 70;
  --bs-link-hover-color: #b80033;
  --bs-link-hover-color-rgb: 184, 0, 51;
  --bs-focus-ring-color: rgba(255, 0, 70, 0.25);
}

/* Superfícies neutres: blanc en tema clar, negre Intuix en tema fosc.
   La navbar i les capçaleres de targeta usen bg-primary-subtle. */
[data-bs-theme='light'] {
  --bs-primary-bg-subtle: #ffffff;
  --bs-primary-border-subtle: var(--bs-border-color);
}

[data-bs-theme='dark'] {
  --bs-body-bg: #080808;
  --bs-primary-bg-subtle: #080808;
  --bs-primary-border-subtle: var(--bs-border-color);
}

/* Botons a angle recte */
.btn {
  --bs-btn-border-radius: 0;
}

/* CTA (OTS usa btn-success per a l'acció principal): vermell primari Intuix.
   Alternativa en verd Vincle: bg #17b26a, hover #079455, actiu #067647. */
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff0046;
  --bs-btn-border-color: #ff0046;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e0003f;
  --bs-btn-hover-border-color: #b80033;
  --bs-btn-focus-shadow-rgb: 255, 0, 70;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b80033;
  --bs-btn-active-border-color: #b80033;
  /* Desactivat: neutre (l'atenuació per opacitat tornava a donar un vermell pàl·lid) */
  --bs-btn-disabled-color: var(--bs-secondary-color);
  --bs-btn-disabled-bg: var(--bs-secondary-bg);
  --bs-btn-disabled-border-color: var(--bs-border-color);
  --bs-btn-disabled-opacity: 1;
}

/* El textarea del secret duu font-family: monospace !important al CSS d'OTS */
textarea {
  font-family: var(--bs-font-monospace) !important;
}

.navbar-brand img {
  height: 30px;
}