/*
 * typography.css — UI Kit Type System
 *
 * Fonts: Rajdhani (headings, numbers), Share Tech Mono (labels, meta),
 *        Barlow (body, notes).
 *
 * Loaded via @import so this file is self-contained.
 * Projects may instead use the same Google Fonts <link> in their HTML:
 *   https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;600;700
 *     &family=Share+Tech+Mono&family=Barlow:wght@300;400;500&display=swap
 *
 * Load after tokens.css and base.css.
 */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;600;700&family=Share+Tech+Mono&family=Barlow:wght@300;400;500&display=swap');

/* ── Default body face ────────────────────────────────────────────────── */

body {
  font-family: 'Barlow', sans-serif;
  font-weight: 300;
}

/* ── Utility classes ──────────────────────────────────────────────────── */
/* Values taken from recurring Dashboard V5.0.2 patterns.                 */

/* Section heading — settings-section-label, money-section-title          */
.label-section {
  font-family: 'Share Tech Mono', monospace;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--muted);
}

/* Metadata / status — tile-status, greeting-time, loading text           */
.label-meta {
  font-family: 'Share Tech Mono', monospace;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--muted);
}

/* Body copy and notes — daily-awareness, list item names                 */
.text-body {
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  color: var(--text);
}

/* Overlay / module title — .module-title                                 */
.heading-overlay {
  font-family: 'Rajdhani', sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--text);
}

/* Tile title — .tile-name                                                */
.heading-tile {
  font-family: 'Rajdhani', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--text);
}

/* Large numeric display — greeting-text, counters                        */
.value-large {
  font-family: 'Rajdhani', sans-serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1;
  color: var(--text);
}