/* korga — typography v1.0 (2026-08-02)
   Display: Outfit 700/800. UI & body: Inter 400/500/600. No third font. No serif.
   Money is always tabular. */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  --korga-font-display: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --korga-font-ui:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Scale */
  --korga-t-display: 800 clamp(40px, 7vw, 72px)/1.02 var(--korga-font-display);
  --korga-t-h1:      800 clamp(32px, 5vw, 48px)/1.08  var(--korga-font-display);
  --korga-t-h2:      700 28px/1.16 var(--korga-font-display);
  --korga-t-h3:      700 22px/1.24 var(--korga-font-display);
  --korga-t-lead:    400 20px/1.45 var(--korga-font-ui);
  --korga-t-body:    400 17px/1.5  var(--korga-font-ui);
  --korga-t-item:    500 17px/1.35 var(--korga-font-ui);  /* list rows — read at arm's length */
  --korga-t-label:   600 15px/1.3  var(--korga-font-ui);
  --korga-t-small:   400 15px/1.4  var(--korga-font-ui);
  --korga-t-caption: 500 13px/1.3  var(--korga-font-ui);
  --korga-t-button:  600 17px/1    var(--korga-font-ui);

  --korga-track-display: -0.02em;
  --korga-track-tight:   -0.01em;
  --korga-track-caps:     0.06em;
}

.korga-display { font: var(--korga-t-display); letter-spacing: var(--korga-track-display); }
.korga-h1      { font: var(--korga-t-h1);      letter-spacing: var(--korga-track-display); }
.korga-h2      { font: var(--korga-t-h2);      letter-spacing: var(--korga-track-tight); }
.korga-h3      { font: var(--korga-t-h3);      letter-spacing: var(--korga-track-tight); }
.korga-lead    { font: var(--korga-t-lead); }
.korga-body    { font: var(--korga-t-body); }
.korga-item    { font: var(--korga-t-item); }
.korga-label   { font: var(--korga-t-label); }
.korga-small   { font: var(--korga-t-small); }
.korga-caption { font: var(--korga-t-caption); }

/* The wordmark. Always lowercase — never capitalise korga, not even at a sentence start. */
.korga-wordmark {
  font: 800 1em/1 var(--korga-font-display);
  letter-spacing: -0.02em;
  text-transform: lowercase;
}

/* Money that jitters as it updates looks like money we invented. */
.korga-num, .korga-price, .korga-total {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}

/* Rules, not suggestions:
   - Body copy never below 16px.
   - Support font scaling to 200% without truncating list items.
   - No serif, no handwriting font, not even for the "fun" bits — especially not those.
   - ALL CAPS only for tiny labels, with --korga-track-caps. Never for headlines. */