/* Theme tokens (Drone-inspired) */
:root{
  --c-primary:      #00A0E0;
  --c-primary-600:  #0089C6;
  --c-primary-700:  #0073AA;

  --c-bg:           #F3F8FC;
  --c-surface:      #FFFFFF;
  --c-surface-2:    #EEF5FB;

  --c-text:         #0B1F33;
  --c-muted:        #5E7387;

  --c-border:       #DCE8F3;
  --c-shadow:       0 10px 25px rgba(11,31,51,.08);

  --c-success:      #14B8A6;
  --c-warning:      #F59E0B;
  --c-danger:       #F43F5E;
}

/* Base */
body{
  background: var(--c-bg);
  color: var(--c-text);
}

/* Links */
a{ color: var(--c-primary-700); text-decoration: none; }
a:hover{ color: var(--c-primary-600); text-decoration: underline; }

/* Card-like surfaces */
.card, .info-box, .small-box{
  border: 1px solid var(--c-border);
  box-shadow: var(--c-shadow);
  border-radius: 14px;
}

/* Headers */
.main-header, .content-header{
  background: var(--c-surface);
  border-bottom: 1px solid var(--c-border);
}

/* Buttons */
.btn-primary{
  background: var(--c-primary);
  border-color: var(--c-primary);
}
.btn-primary:hover{
  background: var(--c-primary-600);
  border-color: var(--c-primary-600);
}
.btn-outline-primary{
  color: var(--c-primary-700);
  border-color: var(--c-primary);
}
.btn-outline-primary:hover{
  background: rgba(0,160,224,.08);
  border-color: var(--c-primary-600);
  color: var(--c-primary-700);
}

/* Inputs */
.form-control, .form-select{
  border-color: var(--c-border);
  border-radius: 10px;
}
.form-control:focus, .form-select:focus{
  border-color: var(--c-primary);
  box-shadow: 0 0 0 .2rem rgba(0,160,224,.15);
}

/* Badges */
.badge.bg-primary{ background: var(--c-primary) !important; }
.badge.bg-success{ background: var(--c-success) !important; }
.badge.bg-warning{ background: var(--c-warning) !important; color: #0B1F33 !important; }
.badge.bg-danger{ background: var(--c-danger) !important; }

/* Public pages background */
.public-bg{
  min-height: 100vh;
  background:
    radial-gradient(1200px 600px at 70% 25%, rgba(0,160,224,.12), transparent 60%),
    radial-gradient(900px 500px at 15% 10%, rgba(20,184,166,.10), transparent 55%),
    var(--c-bg);
}

/* Table tweaks */
.table thead th{
  color: var(--c-muted);
  font-weight: 600;
}