/**
 * PoulsBRVM - Unified Human Typography System (Public.com Style & Rule 11 Compliance)
 * Ensures 100% consistent typography across all pages, headings, cards, and UI elements.
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');
@import url('./theme-unification.css');

:root {
  /* Public.com Human Typography Stack */
  --font-family-heading: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-family-denton: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-family-text: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-family-invest-pro: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-family-graphik: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-family-alpha-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  
  /* Heading scale with modern Public.com letter spacing */
  --h1-font-size: 56px;
  --h1-line-height: 1.12;
  --h2-font-size: 40px;
  --h2-line-height: 1.18;
  --h3-font-size: 32px;
  --h3-line-height: 1.25;
  --h4-font-size: 24px;
  --h4-line-height: 1.3;
}

/* Global Body Font */
html, body {
  font-family: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* All Headings & Display Titles */
h1, h2, h3, h4, h5, h6,
.section-page-hero h1, .section-page-hero h2,
.section-features h2, .section-features h3,
.section-products h1, .section-new h2,
.section-active-trading h2, .section-cta h2,
.section-cta-title-button h2,
.section-yield-account h2, .section-yield-account h3,
.section-risks h2, .section-risks h3,
.section-faq-cx h2, .section-faq-cx h3,
.section-transparency h2, .section-transparency h3,
.single-talks h1, .single-talks h2,
.span-title h2, .entry-content h2,
.section-video-explain h2,
.section-fees-compared h2,
.section-diagram h2 {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  letter-spacing: -0.028em !important;
  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}

/* Hero primary title - Public.com sleek bold style */
.section-page-hero h2 {
  font-weight: 750 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.15 !important;
}

/* Section titles */
.section-features h2,
.section-products h1,
.section-new h2,
.section-cta h2 {
  font-weight: 700 !important;
}

/* Paragraphs, descriptions, lists, links, badges, buttons */
p, span, a, li, button, input, textarea, select, label, .hp-button span {
  font-family: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Buttons */
.hp-button, .btn-primary, .btn-plain, .btn-sign-in, .btn-sign-up {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

/* Monospace restricted strictly to financial codes, currency figures, and hash keys (Rule 11) */
.brvm-code, .ticker-code, .item-symbol, .financial-figure,
.brvm-live-ticker span[style*="monospace"],
[class*="price"], .rate-wrap span {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}