/* ==========================================================================
   LeverVenture State of the Industry Report — Design Tokens
   Adapted from the GB50 design system. Brand: Navy #1A365D / Red #C53030.
   ========================================================================== */

@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 200 900; font-display: block; src: url('../assets/fonts/SourceSerif4-Variable.ttf') format('truetype-variations'); }
@font-face { font-family: 'Source Serif 4'; font-style: italic; font-weight: 200 900; font-display: block; src: url('../assets/fonts/SourceSerif4-Italic-Variable.ttf') format('truetype-variations'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: block; src: url('../assets/fonts/InterVariable.woff2') format('woff2-variations'); }
@font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: block; src: url('../assets/fonts/InterVariable-Italic.woff2') format('woff2-variations'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: block; src: url('../assets/fonts/JetBrainsMono-Variable.ttf') format('truetype-variations'); }

:root {
  /* LeverVenture brand */
  --ink:        #1A202C;
  --ink-90:    rgba(26, 32, 44, 0.90);
  --ink-70:    rgba(26, 32, 44, 0.70);
  --ink-55:    rgba(26, 32, 44, 0.55);
  --ink-30:    rgba(26, 32, 44, 0.30);
  --navy:       #1A365D;
  --navy-deep:  #0F2440;
  --navy-soft:  #E2E8F0;
  --red:        #C53030;
  --red-deep:   #9B2620;
  --red-soft:   #F5E0E0;
  /* Deer artwork accent palette (sparingly, for charts + section accents) */
  --deer-green:  #2F855A;
  --deer-copper: #C05621;
  --deer-teal:   #2C7A7B;
  --deer-amber:  #B7791F;
  /* Aliases for backward-compat with components.css references */
  --forest:    var(--deer-green);
  --leaf:      var(--deer-green);
  --leaf-soft: #E8F1EC;
  --gold:      var(--red);
  --gold-deep: var(--red-deep);
  --gold-soft: var(--red-soft);
  --paper:       #FDFDFB;
  --paper-cool:  #F4F1EB;
  --paper-warm:  #FDFBF6;
  --rule:        #C9C3B5;
  --rule-soft:   #E5E1D7;

  --font-display:  'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-text:     'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-sans:     'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono:     'JetBrains Mono', Menlo, Consolas, 'Courier New', monospace;

  --page-w: 8.5in;
  --page-h: 11in;
  --margin-x: 0.75in;
  --margin-t: 0.7in;
  --margin-b: 0.85in;
  --col-gutter: 0.28in;

  --t-display-xl: 56pt;
  --t-display-l:  40pt;
  --t-display-m:  30pt;
  --t-display-s:  22pt;
  --t-lead:       14pt;
  --t-body:       10.5pt;
  --t-body-s:     9.5pt;
  --t-caption:    8.5pt;
  --t-label:      8pt;
  --t-stat:       30pt;

  --lh-tight:  1.1;
  --lh-snug:   1.25;
  --lh-normal: 1.45;
  --lh-loose:  1.6;

  --ls-display: -0.02em;
  --ls-tight:   -0.01em;
  --ls-normal:  0;
  --ls-kicker:  0.14em;
  --ls-meta:    0.06em;
}

@page { size: 8.5in 11in; margin: 0; }
* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  margin: 0; padding: 0;
  background: #C9C3B5;
  font-family: var(--font-text);
  font-size: var(--t-body);
  line-height: var(--lh-normal);
  color: var(--ink);
  font-feature-settings: 'kern' 1, 'liga' 1, 'onum' 1;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  font-optical-sizing: auto;
}

img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }

/* Page-break safeguards */
h1, h2, h3, h4 { page-break-after: avoid; break-after: avoid-page; }
.no-break, .stat-block, .pull-quote, .data-viz, .table-block, figure, .stat-grid { page-break-inside: avoid; break-inside: avoid-page; }
p { widows: 3; orphans: 3; }
table { page-break-inside: avoid; break-inside: avoid; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; break-inside: avoid; }
