/* =====================================================================
   ddAdvisor — Design Tokens
   Estratti dai CSS della landing. Base: Bootstrap 5 + Montserrat.
   Tema: light. Importare DOPO bootstrap.min.css per fare override.
   ===================================================================== */

:root {
  /* Brand */
  --dd-primary:        #3fa6d2;   /* azzurro principale (bottoni, link, accent) */
  --dd-primary-hover:  #298cb7;
  --dd-primary-active: #2785ad;
  --dd-accent:         #04afa8;   /* teal — stato attivo nav, badge, evidenze */

  /* Navy */
  --dd-navy:        #00163a;      /* testo principale / titoli */
  --dd-navy-dark:   #10293f;      /* sezioni scure, footer newsletter */
  --dd-navy-darker: #011435;

  /* Superfici */
  --dd-bg:        #ffffff;
  --dd-bg-soft:   #f7f6f9;        /* sfondo app */
  --dd-bg-muted:  #f7f7f7;
  --dd-border:    #979797;        /* bordi input/sottolineature form */

  /* Stati */
  --dd-danger:  #db544d;
  --dd-success: #198754;          /* bootstrap success */

  /* Forma */
  --dd-radius:      12px;         /* card, bottoni rettangolari */
  --dd-radius-pill: 999px;        /* bottoni pill (default landing .btn) */

  /* Tipografia */
  --dd-font: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Mappatura su variabili Bootstrap (così i componenti BS5 ereditano il brand) */
:root {
  --bs-primary: var(--dd-primary);
  --bs-primary-rgb: 63, 166, 210;
  --bs-body-font-family: var(--dd-font);
  --bs-body-color: var(--dd-navy);
  --bs-body-bg: var(--dd-bg-soft);
  --bs-border-radius: var(--dd-radius);
}

body {
  font-family: var(--dd-font);
  color: var(--dd-navy);
  background-color: var(--dd-bg-soft);
}

/* Bottoni coerenti con la landing */
.btn {
  --bs-btn-padding-x: 2.5rem;
  --bs-btn-padding-y: .75rem;
  border-radius: var(--dd-radius-pill);
  font-weight: 500;
}
.btn-primary {
  --bs-btn-bg: var(--dd-primary);
  --bs-btn-border-color: var(--dd-primary);
  --bs-btn-hover-bg: var(--dd-primary-hover);
  --bs-btn-hover-border-color: var(--dd-primary-hover);
  --bs-btn-active-bg: var(--dd-primary-active);
  --bs-btn-active-border-color: var(--dd-primary-active);
}
.btn-outline-primary {
  --bs-btn-color: var(--dd-navy);
  --bs-btn-border-color: var(--dd-navy);
  --bs-btn-hover-bg: var(--dd-navy);
  --bs-btn-hover-border-color: var(--dd-navy);
}

/* Form: input sottolineati come nella landing */
.dd-form .form-control {
  border: none;
  border-bottom: 1px solid var(--dd-border) !important;
  border-radius: 0;
}
.dd-form .form-control:focus {
  box-shadow: none;
  border-bottom-color: var(--dd-primary) !important;
}

/* Utility brand */
.text-navy   { color: var(--dd-navy) !important; }
.text-accent { color: var(--dd-accent) !important; }
.bg-navy     { background-color: var(--dd-navy-dark) !important; }
.dd-card     { background: var(--dd-bg); border-radius: var(--dd-radius); border: 1px solid #eef0f3; }