/* ============================================================
   AiStrats — Typography tokens
   Display & UI: Myriad Pro (brand face).
   Data & code:  JetBrains Mono (tabular figures, tickers, addresses).
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: "Myriad Pro", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Roboto Mono", monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-bold:    700;

  /* ---- Type scale (px, 1.25 modular-ish, tuned for dense data UI) ---- */
  --text-display:  44px;   /* hero P&L numbers          */
  --text-h1:       30px;
  --text-h2:       23px;
  --text-h3:       18px;
  --text-base:     14px;   /* body default              */
  --text-sm:       13px;
  --text-xs:       11.5px; /* table cells, captions     */
  --text-2xs:      10px;   /* eyebrows / overlines      */

  /* ---- Line heights ---- */
  --leading-tight:   1.1;
  --leading-snug:    1.3;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---- Tracking ---- */
  --tracking-tight:   -0.02em;
  --tracking-normal:  0;
  --tracking-eyebrow: 0.14em;   /* uppercase overlines       */
  --tracking-mono:    0.02em;

  /* ---- Numeric helper ---- */
  --numeric-tabular: tabular-nums;  /* @kind other */
}

/* Base element defaults (consumers get these for free) */
html {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  color: var(--text-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Eyebrow / overline utility — used heavily on dashboard cards */
.atrs-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--text-2xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--text-muted);
}

/* Data / mono numerals */
.atrs-mono {
  font-family: var(--font-mono);
  font-variant-numeric: var(--numeric-tabular);
  letter-spacing: var(--tracking-mono);
}