/* PHASE 59: Material Symbols icon system. Fonts are loaded from Google Fonts CDN. */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp,
.kahawa-icon {
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
  vertical-align: -0.16em;
  flex: 0 0 auto;
}
.material-symbols-outlined { font-family: 'Material Symbols Outlined'; }
.material-symbols-rounded,
.kahawa-icon { font-family: 'Material Symbols Rounded'; }
.material-symbols-sharp { font-family: 'Material Symbols Sharp'; }
.kahawa-icon--filled { font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.kahawa-icon--sm { font-size: 1rem; }
.kahawa-icon--lg { font-size: 1.5rem; }
.kahawa-icon--xl { font-size: 2rem; }
button .kahawa-icon, a .kahawa-icon { pointer-events: none; }
.bottom-nav a > .kahawa-icon { display: flex; font-size: 1.45rem; margin-bottom: .2rem; }
.admin-nav a > .kahawa-icon { width: 1.35rem; margin-right: .45rem; }

/* PHASE 60 design tokens */
.kahawa-icon--16 { font-size: 16px; }
.kahawa-icon--20 { font-size: 20px; }
.kahawa-icon--24 { font-size: 24px; }
.kahawa-icon--32 { font-size: 32px; }
.kahawa-icon--40 { font-size: 40px; }
.kahawa-icon--48 { font-size: 48px; }
.kahawa-icon--inherit { color: inherit; }
.kahawa-icon--primary { color: #a16207; }
.kahawa-icon--success { color: #15803d; }
.kahawa-icon--warning { color: #d97706; }
.kahawa-icon--danger { color: #dc2626; }
.kahawa-icon--neutral { color: #64748b; }
.kahawa-icon-button { display:inline-flex;align-items:center;justify-content:center;gap:.5rem; }
.kahawa-icon-only { width:2.5rem;height:2.5rem;border-radius:.75rem; }