/**
 * APPLE IPHONE NATIVE — icons.css
 * SF Symbols on web: emoji + Unicode + SVG fallback system
 * iOS system icon sizing and weights
 */

/* SF Symbols rendering — use system emoji as primary with SVG override */
.sf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  line-height: 1;
  /* Prevent emoji rendering on some platforms */
  font-variant-emoji: text;
}

/* Icon sizes matching SF Symbol scales */
.sf--sm   { font-size: 13px; width: 16px; height: 16px; }
.sf--md   { font-size: 17px; width: 22px; height: 22px; }
.sf--lg   { font-size: 22px; width: 28px; height: 28px; }
.sf--xl   { font-size: 28px; width: 34px; height: 34px; }
.sf--xxl  { font-size: 36px; width: 44px; height: 44px; }

/* SVG icon base */
.ios-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
  flex-shrink: 0;
}

.ios-icon--sm  { font-size: 14px; }
.ios-icon--md  { font-size: 18px; }
.ios-icon--lg  { font-size: 22px; }
.ios-icon--xl  { font-size: 28px; }

/* Tab bar icon sizes (25pt) */
.ios-tabbar-icon .ios-icon { font-size: 23px; }

/* List icon (17pt) */
.ios-list-icon .ios-icon { font-size: 17px; }

/* Navigation button icon */
.ios-navbar-action .ios-icon { font-size: 17px; }

/* Tinted icons */
.ios-icon--blue   { color: var(--ios-blue); }
.ios-icon--green  { color: var(--ios-green); }
.ios-icon--orange { color: var(--ios-orange); }
.ios-icon--red    { color: var(--ios-red); }
.ios-icon--gray   { color: var(--ios-gray); }
.ios-icon--label  { color: var(--label-primary); }
.ios-icon--secondary { color: var(--label-secondary); }
.ios-icon--tint   { color: var(--tint); }