/* ============================================================
   MOCNO — Iconography (Tabler Icons webfont)
   Tabler Icons (https://tabler.io/icons) — MIT-licensed, ~5900
   icons, even 2px stroke. Matches MOCNO's hard, straight-edged
   character. Loaded as a webfont from CDN so any page that links
   styles.css can use <i class="ti ti-arrow-right"></i> directly,
   or the <Icon name="arrow-right"/> React component.

   The webfont CDN is imported at the TOP of styles.css (top-level
   @import, so the icon classes load reliably). This file only adds
   sensible defaults for any Tabler glyph.

   Usage:
     <i class="ti ti-arrow-right"></i>              (plain HTML)
     color: currentColor; font-size: 20px;          (size = font-size)
   Browse names at https://tabler.io/icons
   ============================================================ */

/* Sensible defaults for any Tabler glyph */
.ti {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: currentColor;          /* inherits text color — black on light, white/red on dark */
  vertical-align: -0.125em;
}