/* Paico Theme - extracted from index.html and onboard.html */
:root {
  --primary-blue: #0d47a1;
  --secondary-blue: #1565c0;
  --light-blue-bg: #e3f2fd;
  --text-dark: #212529;
  --text-light: #5f6368;
  --background-light: #ffffff;
  --border-color: #dee2e6;
}

/* Gradient helpers */
.bg-gradient-primary {
  background: linear-gradient(90deg, var(--secondary-blue), var(--primary-blue));
}
.bg-gradient-135-primary {
  background: linear-gradient(135deg, var(--primary-blue) 0%, #3b82f6 100%);
}

/* Text colors */
.text-primary { color: var(--primary-blue) !important; }
.text-secondary { color: var(--secondary-blue) !important; }
.text-dark { color: var(--text-dark) !important; }
.text-light { color: var(--text-light) !important; }

/* Background colors */
.bg-light-blue { background-color: var(--light-blue-bg) !important; }
.bg-light { background-color: var(--background-light) !important; }

/* Borders */
.border-default { border: 1px solid var(--border-color) !important; }

/* Buttons */
.btn-gradient-primary {
  color: #fff !important;
  background: linear-gradient(90deg, var(--secondary-blue), var(--primary-blue));
  border: none;
}
.btn-gradient-primary:hover {
  filter: brightness(1.05);
  box-shadow: 0 4px 15px rgba(21, 101, 192, 0.4);
}

/* Inputs focus ring aligned to theme */
.focus-ring-primary {
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.15) !important;
  border-color: var(--secondary-blue) !important;
}

/* Utility */
.rounded-pill { border-radius: 50px !important; }
.shadow-soft { box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; }