/**
 * mktemp — thème BTCPay « la flamme derrière le voile » (cf. docs/DESIGN.md).
 *
 * Fichier de THÈME BTCPay : il se charge PAR-DESSUS main/themes/default.css
 * (qui définit le socle des variables) et remplace default-dark.css. Structure
 * calquée sur default-dark.css v2.x, palette remappée sur les tokens mktemp
 * (bg #0d0b08 · surfaces #14110d/#1b1712 · texte #ede8df · accent ambre #e8a33d).
 *
 * Installation : BTCPay → Server Settings → Branding → Custom theme →
 *   https://mktemp.cloud/btcpay-theme.css   (servi par apps/web/public/)
 * Détail : docs/DEPLOY-HOSTINGER.md §B.5.
 *
 * Vie privée : AUCUNE ressource externe (pas de police distante) — la pile de
 * secours système est utilisée si Instrument Sans n'est pas installée localement.
 */
:root {
  /* ── Échelle neutre CHAUDE (remplace l'échelle froide GitHub-like) ─────────── */
  --btcpay-neutral-dark-100: #ede8df;                 /* texte principal */
  --btcpay-neutral-dark-100-rgb: 237, 232, 223;
  --btcpay-neutral-dark-200: #d8d2c6;
  --btcpay-neutral-dark-200-rgb: 216, 210, 198;
  --btcpay-neutral-dark-300: #c4bcae;
  --btcpay-neutral-dark-300-rgb: 196, 188, 174;
  --btcpay-neutral-dark-400: #a69f90;                 /* texte secondaire (dim) */
  --btcpay-neutral-dark-400-rgb: 166, 159, 144;
  --btcpay-neutral-dark-500: #6e675b;                 /* texte estompé (faint) */
  --btcpay-neutral-dark-500-rgb: 110, 103, 91;
  --btcpay-neutral-dark-600: #3d352a;
  --btcpay-neutral-dark-600-rgb: 61, 53, 42;
  --btcpay-neutral-dark-700: #2a241c;                 /* bordures pleines */
  --btcpay-neutral-dark-700-rgb: 42, 36, 28;
  --btcpay-neutral-dark-800: #1b1712;                 /* surface élevée */
  --btcpay-neutral-dark-800-rgb: 27, 23, 18;
  --btcpay-neutral-dark-900: #14110d;                 /* surface carte */
  --btcpay-neutral-dark-900-rgb: 20, 17, 13;
  --btcpay-neutral-dark-rgb: 110, 103, 91;

  /* Bascule sombre (même mécanique que default-dark.css) */
  --btcpay-neutral-50: #0d0b08;                       /* fond de page mktemp */
  --btcpay-neutral-100: var(--btcpay-neutral-dark-900);
  --btcpay-neutral-200: var(--btcpay-neutral-dark-800);
  --btcpay-neutral-300: var(--btcpay-neutral-dark-700);
  --btcpay-neutral-400: var(--btcpay-neutral-dark-600);
  --btcpay-neutral-500: var(--btcpay-neutral-dark-500);
  --btcpay-neutral-600: var(--btcpay-neutral-dark-400);
  --btcpay-neutral-700: var(--btcpay-neutral-dark-300);
  --btcpay-neutral-800: var(--btcpay-neutral-dark-200);
  --btcpay-neutral-900: var(--btcpay-neutral-dark-100);

  /* ── Fond / corps de page ──────────────────────────────────────────────────── */
  --btcpay-bg-dark: var(--btcpay-neutral-50);
  --btcpay-bg-tile: #14110d;                          /* cartes (bg-raised) */
  --btcpay-body-bg-rgb: 13, 11, 8;
  --btcpay-body-bg-light: var(--btcpay-neutral-50);
  --btcpay-body-bg-hover: var(--btcpay-neutral-50);
  --btcpay-body-text: #ede8df;
  --btcpay-body-text-rgb: 237, 232, 223;
  --btcpay-body-text-muted: #a69f90;
  --btcpay-body-text-warning-rgb: 232, 163, 61;
  --btcpay-body-border-light: rgba(232, 163, 61, 0.1);   /* bordures ambre voilées */
  --btcpay-body-border-medium: rgba(232, 163, 61, 0.22);
  --btcpay-body-link: #e8a33d;
  --btcpay-body-link-rgb: 232, 163, 61;
  --btcpay-body-link-accent: #f5be6b;
  --btcpay-body-link-accent-rgb: 245, 190, 107;
  --btcpay-body-shadow: rgba(232, 163, 61, 0.25);

  /* ── Typo : pas de police distante (vie privée) ────────────────────────────── */
  --btcpay-font-family-base: 'Instrument Sans', ui-sans-serif, system-ui, 'Helvetica Neue', Arial, sans-serif;
  --btcpay-font-family-monospace: 'JetBrains Mono', SFMono-Regular, Menlo, Consolas, monospace;

  /* ── En-tête / navigation / pied de page ───────────────────────────────────── */
  --btcpay-header-bg: var(--btcpay-bg-dark);
  --btcpay-nav-link: var(--btcpay-neutral-dark-400);
  --btcpay-nav-link-accent: var(--btcpay-neutral-dark-200);
  --btcpay-nav-link-active: #ede8df;
  --btcpay-nav-border-active: #e8a33d;
  --btcpay-footer-link-accent: var(--btcpay-neutral-dark-200);
  --btcpay-pre-bg: var(--btcpay-bg-dark);
  --btcpay-pre-text: #ede8df;

  /* ── Formulaires ───────────────────────────────────────────────────────────── */
  --btcpay-form-bg: #1b1712;                          /* bg-elevated */
  --btcpay-form-bg-hover: #1b1712;
  --btcpay-form-bg-addon: #2a241c;
  --btcpay-form-bg-disabled: #14110d;
  --btcpay-form-text: #ede8df;
  --btcpay-form-text-label: #a69f90;
  --btcpay-form-text-addon: #a69f90;
  --btcpay-form-border: rgba(232, 163, 61, 0.22);
  --btcpay-form-border-check: #3d352a;
  --btcpay-form-border-hover: #e8a33d;
  --btcpay-form-border-focus: #e8a33d;
  --btcpay-form-shadow-focus: rgba(232, 163, 61, 0.35);

  /* ── Primaire : l'AMBRE mktemp (texte SOMBRE dessus — contraste) ───────────── */
  --btcpay-brand-primary: #e8a33d;
  --btcpay-brand-secondary: #f5be6b;
  --btcpay-brand-tertiary: #b97b24;
  --btcpay-brand-dark: #0d0b08;
  --btcpay-primary-100: #f9e4c2;
  --btcpay-primary-100-rgb: 249, 228, 194;
  --btcpay-primary-200: #f7d7a4;
  --btcpay-primary-200-rgb: 247, 215, 164;
  --btcpay-primary-300: #f1c47e;
  --btcpay-primary-300-rgb: 241, 196, 126;
  --btcpay-primary-400: #edb054;
  --btcpay-primary-400-rgb: 237, 176, 84;
  --btcpay-primary-500: #e8a33d;
  --btcpay-primary-500-rgb: 232, 163, 61;
  --btcpay-primary-600: #d18f2f;
  --btcpay-primary-600-rgb: 209, 143, 47;
  --btcpay-primary-700: #b97b24;
  --btcpay-primary-700-rgb: 185, 123, 36;
  --btcpay-primary-800: #9a651c;
  --btcpay-primary-800-rgb: 154, 101, 28;
  --btcpay-primary-900: #7c5015;
  --btcpay-primary-900-rgb: 124, 80, 21;
  --btcpay-primary: #e8a33d;
  --btcpay-primary-rgb: 232, 163, 61;
  --btcpay-primary-accent: #f5be6b;                   /* hover = plus lumineux (style mktemp) */
  --btcpay-primary-accent-rgb: 245, 190, 107;
  --btcpay-primary-text: #1a1206;                     /* accent-ink : encre sur ambre */
  --btcpay-primary-text-hover: #1a1206;
  --btcpay-primary-text-active: #1a1206;
  --btcpay-primary-bg-hover: #f5be6b;
  --btcpay-primary-bg-active: #d18f2f;
  --btcpay-primary-dim-text: #1a1206;
  --btcpay-primary-dim-text-active: #1a1206;
  --btcpay-primary-shadow: rgba(232, 163, 61, 0.5);

  /* ── Secondaire (boutons « outline » sur fond sombre) ──────────────────────── */
  --btcpay-secondary: transparent;
  --btcpay-secondary-rgb: 20, 17, 13;
  --btcpay-secondary-text: #e8a33d;
  --btcpay-secondary-text-hover: #f5be6b;
  --btcpay-secondary-text-active: #f5be6b;
  --btcpay-secondary-border: rgba(232, 163, 61, 0.22);
  --btcpay-secondary-border-hover: #e8a33d;
  --btcpay-secondary-shadow: rgba(110, 103, 91, 0.33);

  /* ── États : succès / avertissement / danger (tokens mktemp) ───────────────── */
  --btcpay-success: #7fb069;
  --btcpay-success-rgb: 127, 176, 105;
  --btcpay-success-accent: #96c081;
  --btcpay-success-text: #12200d;
  --btcpay-success-text-hover: #12200d;
  --btcpay-success-text-active: #12200d;
  --btcpay-success-dim-bg: #1c2617;
  --btcpay-success-dim-bg-striped: #24331e;
  --btcpay-success-dim-bg-hover: #24331e;
  --btcpay-success-dim-bg-active: #2c3f25;
  --btcpay-success-dim-border: #2c3f25;
  --btcpay-success-dim-border-active: #3a5230;
  --btcpay-success-dim-text: #a9cf98;
  --btcpay-success-dim-text-striped: #a9cf98;
  --btcpay-success-dim-text-hover: #a9cf98;
  --btcpay-success-dim-text-active: #c5e2b6;
  --btcpay-success-shadow: rgba(127, 176, 105, 0.4);

  --btcpay-warning: #e8a33d;
  --btcpay-warning-rgb: 232, 163, 61;
  --btcpay-warning-accent: #f5be6b;
  --btcpay-warning-text: #1a1206;
  --btcpay-warning-text-hover: #1a1206;
  --btcpay-warning-text-active: #1a1206;
  --btcpay-warning-dim-bg: #2a1f0e;
  --btcpay-warning-dim-bg-striped: #342610;
  --btcpay-warning-dim-bg-hover: #342610;
  --btcpay-warning-dim-bg-active: #3f2e13;
  --btcpay-warning-dim-border: #3f2e13;
  --btcpay-warning-dim-border-active: #513b18;
  --btcpay-warning-dim-text: #eec27f;
  --btcpay-warning-dim-text-striped: #eec27f;
  --btcpay-warning-dim-text-hover: #eec27f;
  --btcpay-warning-dim-text-active: #f5d7a4;
  --btcpay-warning-shadow: rgba(232, 163, 61, 0.4);

  --btcpay-danger: #d96c57;
  --btcpay-danger-rgb: 217, 108, 87;
  --btcpay-danger-accent: #e28a78;
  --btcpay-danger-text: #260d09;
  --btcpay-danger-text-hover: #260d09;
  --btcpay-danger-text-active: #260d09;
  --btcpay-danger-dim-bg: #2e1713;
  --btcpay-danger-dim-bg-striped: #3a1d18;
  --btcpay-danger-dim-bg-hover: #3a1d18;
  --btcpay-danger-dim-bg-active: #47241d;
  --btcpay-danger-dim-border: #47241d;
  --btcpay-danger-dim-border-active: #582d24;
  --btcpay-danger-dim-text: #e8a396;
  --btcpay-danger-dim-text-striped: #e8a396;
  --btcpay-danger-dim-text-hover: #e8a396;
  --btcpay-danger-dim-text-active: #f2c0b6;
  --btcpay-danger-shadow: rgba(217, 108, 87, 0.4);

  /* Info : bleu adouci sur fond chaud */
  --btcpay-info-dim-bg: #10222a;
  --btcpay-info-dim-bg-striped: #143039;
  --btcpay-info-dim-bg-hover: #143039;
  --btcpay-info-dim-bg-active: #183b46;
  --btcpay-info-dim-border: #183b46;
  --btcpay-info-dim-text: #7cc3d4;
  --btcpay-info-dim-text-striped: #7cc3d4;
  --btcpay-info-dim-text-hover: #7cc3d4;
  --btcpay-info-dim-text-active: #a5d8e4;

  /* ── Utilitaires light/dark (inversés en sombre, comme default-dark.css) ───── */
  --btcpay-light-dim-bg: var(--btcpay-neutral-50);
  --btcpay-light-shadow: rgba(61, 53, 42, 0.33);
  --btcpay-light-rgb: 27, 23, 18;
  --btcpay-dark-accent: var(--btcpay-neutral-dark-400);
  --btcpay-dark-dim-bg: #ede8df;
  --btcpay-dark-shadow: rgba(216, 210, 198, 0.33);
  --btcpay-dark-rgb: 216, 210, 198;

  /* ── Divers ────────────────────────────────────────────────────────────────── */
  --btcpay-wizard-bg: var(--btcpay-body-bg);
  --btcpay-wizard-text: var(--btcpay-body-text);
  --btcpay-toggle-bg: #3d352a;
  --btcpay-toggle-bg-hover: #6e675b;
  --btcpay-toggle-bg-active: #e8a33d;
  --btcpay-toggle-bg-active-hover: #f5be6b;
}

/* ── Règles ciblées : couleurs CODÉES EN DUR dans bootstrap.css (hors variables) ──
   Ces éléments ne lisent aucune variable BTCPay → on les surcharge par sélecteur. */

/* Pastilles de statut (nav wallets : Bitcoin/Lightning). Le vert #00B634 et le
   rouge #FB383D sont en dur → on les remappe sur les tokens mktemp. */
.btcpay-status--enabled {
  background-color: rgba(232, 163, 61, 0.25);
}
.btcpay-status--enabled:before {
  background-color: #e8a33d;
}
.btcpay-status--disabled {
  background-color: rgba(217, 108, 87, 0.25);
}
.btcpay-status--disabled:before {
  background-color: #d96c57;
}

/* Boutons « success » (ex. « Use current URL ») : BTCPay les colore en vert alors
   que ce ne sont pas des actions de succès. On les aligne sur le CTA ambre (comme
   le bouton primaire). Les BANDEAUX .alert-success gardent le vert (sémantique). */
.btn-success {
  --btcpay-btn-color: #1a1206;
  --btcpay-btn-bg: #e8a33d;
  --btcpay-btn-border-color: #e8a33d;
  --btcpay-btn-hover-color: #1a1206;
  --btcpay-btn-hover-bg: #f5be6b;
  --btcpay-btn-hover-border-color: #f5be6b;
  --btcpay-btn-active-color: #1a1206;
  --btcpay-btn-active-bg: #d18f2f;
  --btcpay-btn-active-border-color: #d18f2f;
  --btcpay-btn-disabled-color: #1a1206;
  --btcpay-btn-disabled-bg: #b97b24;
  --btcpay-btn-disabled-border-color: #b97b24;
}

/* Sélection de texte — signature mktemp (voile ambre) */
::selection {
  background: rgba(232, 163, 61, 0.28);
}