/* haaaang. brand tokens, v2 (Metro line, Jamun palette). Shared by every page. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=Martian+Mono:wght@400;600&display=swap');

:root {
  /* Jamun palette */
  --jamun: #2E1745;      /* night: splash, sign-in, night-out hangs, footer */
  --kohl: #1D1030;       /* text */
  --gulab: #E23E6B;      /* routes, station rings, avatars, links */
  --aam: #FFB21A;        /* join and post buttons ONLY */
  --aam-ink: #1D1030;    /* text on aam */
  --pista: #2E9E6A;      /* confirmed, clean record */
  --pista-bg: #E3F4EA;
  --kulfi: #F8F6FB;      /* app background */
  --lilac: #ECE6F4;      /* soft fills, chips, dividers */
  --muted: #6D6280;      /* secondary text */
  --surface: #FFFFFF;    /* cards, sheets */
  --haldi-bg: #FFF4DB;   /* warnings: ghosting, last slot */
  --haldi-ink: #8A5A00;
  --error: #C2261B;      /* errors only, never gulab */

  /* type */
  --display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; /* use with font-stretch:125%; font-weight:900 */
  --body: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Martian Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  /* shape */
  --r-sm: 10px;   /* inputs, chips */
  --r: 16px;      /* cards */
  --r-lg: 24px;   /* sheets, modals */
  --pill: 999px;
}

/* The wordmark: "haaaang" + a station ring for the full stop. */
.hg-mark { font-family: var(--display); font-stretch: 125%; font-weight: 900; letter-spacing: -.03em; line-height: 1; display: inline-flex; align-items: center; gap: .08em; }
.hg-ring { display: inline-block; width: .34em; height: .34em; border-radius: 50%; border: .085em solid var(--gulab); margin-top: .3em; flex: none; }