/**
 * YIIP Modern Design Tokens & Theme Stylesheet
 * Brand color: Cyan / Teal (#00C4CC / #0891b2)
 */

:root {
  --yiip-primary: #00C4CC;
  --yiip-primary-hover: #00abb2;
  --yiip-teal: #0891b2;
  --yiip-sky: #0ea5e9;
  --yiip-dark: #0f172a;
  --yiip-sidebar: #0b1329;
  --yiip-bg: #f8fafc;
  --yiip-card-border: #e2e8f0;
  --sidebar-w: 300px;
  
  /* Backward-compatible variables */
  --pf-indigo: #00C4CC;
  --pf-indigo-dark: #0891b2;
  --pf-indigo-hover: #00abb2;
  --pf-ink: #0f172a;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--yiip-bg);
  color: #1e293b;
}

.font-display {
  font-family: 'Space Grotesk', -apple-system, sans-serif;
}

/* YIIP Primary Buttons */
.btn-indigo,
.btn-yiip {
  background: var(--yiip-primary) !important;
  border-color: var(--yiip-primary) !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 12px;
  transition: all .15s ease-in-out;
}

.btn-indigo:hover,
.btn-yiip:hover {
  background: var(--yiip-primary-hover) !important;
  border-color: var(--yiip-primary-hover) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(0, 196, 204, .35);
}

.btn-indigo:active,
.btn-yiip:active {
  transform: translateY(1px);
}

/* Focus Rings */
.form-control:focus,
.form-select:focus {
  border-color: var(--yiip-primary) !important;
  box-shadow: 0 0 0 3px rgba(0, 196, 204, .18) !important;
}

/* Badge accents */
.badge-yiip {
  background: rgba(0, 196, 204, .12);
  color: #0891b2;
  border: 1px solid rgba(0, 196, 204, .25);
  font-weight: 600;
}

/* YIIP Modern Card */
.yiip-card {
  background: #ffffff;
  border: 1px solid var(--yiip-card-border);
  border-radius: 18px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .03);
}