/* Modern Compact Theme for Protocolos CANA
   - Compact, elegant header
   - Tighter spacing and refined cards/blocks
   - Subtle neumorphic shadows and crisp borders
   - Works with Bootstrap 5 and existing CANA nav variables
*/

:root{
  --mc-radius: .6rem;
  --mc-radius-lg: .9rem;
  --mc-shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --mc-shadow: 0 6px 20px rgba(0,0,0,.06);
  --mc-border: color-mix(in srgb, var(--bs-body-color, #212529) 8%, #0000);
  --mc-muted: color-mix(in srgb, var(--bs-body-color, #212529) 55%, #0000);
}

/******** Header ********/
.navbar.cana-nav{
  --cana-nav-height: 2.35rem;          /* more compact */
  --cana-nav-radius: .6rem;
  --cana-nav-shadow: 0 8px 24px rgba(0,0,0,.06);
  backdrop-filter: blur(8px) saturate(1.1);
  -webkit-backdrop-filter: blur(8px) saturate(1.1);
}
.navbar.cana-nav .navbar-brand{
  font-weight: 650;
  letter-spacing: .2px;
}
.navbar.cana-nav .navbar-nav .nav-link{ padding: 0 .75rem; }
.navbar.cana-nav .navbar-toggler{ padding: .25rem .45rem; }

/******** Global rhythm ********/
body{ letter-spacing: .1px; }
.container, .container-fluid{ padding-top: .75rem; }
section, .section{ margin-block: 1.25rem; }

/******** Cards & Blocks ********/
.card, .shadow-card{
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius-lg);
  box-shadow: var(--mc-shadow-sm);
}
.card-header{ background: transparent; border-bottom: 1px solid var(--mc-border); }
.card-footer{ background: transparent; border-top: 1px solid var(--mc-border); }

/******** Buttons ********/
.btn{ border-radius: 999px; }
.btn-outline-secondary{ border-color: var(--mc-border); color: var(--bs-secondary-color, #6c757d); }
.btn-outline-secondary:hover{ background: color-mix(in srgb, var(--bs-secondary-color, #6c757d) 6%, #0000); }
.btn-soft{ background: color-mix(in srgb, var(--bs-body-bg, #fff) 85%, #0000); border:1px solid var(--mc-border); }

/******** Forms ********/
.form-control, .form-select{
  border-radius: .6rem;
  border-color: var(--mc-border);
}
.input-group-text{ border-color: var(--mc-border); }

/******** Utilities ********/
.rounded-xl{ border-radius: 1rem !important; }
.rounded-lg{ border-radius: var(--mc-radius-lg) !important; }
.rounded-md{ border-radius: var(--mc-radius) !important; }

/******** Footer ********/
footer.cana-nav{
  --cana-nav-radius: .6rem;
}

/******** Secondary bar ********/
.navbar-secondary{ backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }