/* ============================================================
   Beta Phase Gaming — ce-fonts.css
   Typography System | https://betaphasegaming.com
   ============================================================ */

/* === GOOGLE FONTS IMPORT === */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* === FONT FAMILIES === */
/* Orbitron   — Display / Headings — geometric, futuristic */
/* Syne       — Body / UI — contemporary, readable */
/* JetBrains Mono — Code / Stats — monospace, technical */

/* === TYPE SCALE === */
.ce-display-xl {
  font-family: 'Orbitron', sans-serif;
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -1px;
}
.ce-display-lg {
  font-family: 'Orbitron', sans-serif;
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 800;
  line-height: 1.1;
}
.ce-display-md {
  font-family: 'Orbitron', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
}
.ce-heading-lg {
  font-family: 'Orbitron', sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
}
.ce-heading-md {
  font-family: 'Orbitron', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}
.ce-heading-sm {
  font-family: 'Orbitron', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}
.ce-body-lg {
  font-family: 'Syne', sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.75;
}
.ce-body-md {
  font-family: 'Syne', sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.7;
}
.ce-body-sm {
  font-family: 'Syne', sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.65;
}
.ce-label {
  font-family: 'Syne', sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.ce-mono {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9rem;
}
.ce-mono-lg {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.5rem;
  font-weight: 700;
}

/* === RICH TEXT FORMATTING === */
.ce-rich-text h1 { font-family: 'Orbitron', sans-serif; font-size: 2rem; font-weight: 800; margin-bottom: 1rem; }
.ce-rich-text h2 { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; font-weight: 700; margin-bottom: 0.875rem; }
.ce-rich-text h3 { font-family: 'Orbitron', sans-serif; font-size: 1.15rem; font-weight: 600; color: var(--ce-neon-cyan); margin-bottom: 0.75rem; }
.ce-rich-text p { font-family: 'Syne', sans-serif; font-size: 1rem; color: var(--ce-text-muted); line-height: 1.8; margin-bottom: 1.25rem; }
.ce-rich-text strong { font-weight: 700; color: var(--ce-text-primary); }
.ce-rich-text em { font-style: italic; color: var(--ce-neon-cyan); }
.ce-rich-text a { color: var(--ce-neon-cyan); text-decoration: underline; }
.ce-rich-text code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.875rem;
  background: var(--ce-bg-surface);
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  color: var(--ce-neon-amber);
}

/* === TYPOGRAPHY UTILITIES === */
.ce-font-orbitron { font-family: 'Orbitron', sans-serif; }
.ce-font-syne     { font-family: 'Syne', sans-serif; }
.ce-font-mono     { font-family: 'JetBrains Mono', monospace; }
.ce-fw-400 { font-weight: 400; }
.ce-fw-500 { font-weight: 500; }
.ce-fw-600 { font-weight: 600; }
.ce-fw-700 { font-weight: 700; }
.ce-fw-800 { font-weight: 800; }
.ce-fw-900 { font-weight: 900; }
.ce-text-xs  { font-size: 0.75rem; }
.ce-text-sm  { font-size: 0.875rem; }
.ce-text-base { font-size: 1rem; }
.ce-text-lg  { font-size: 1.125rem; }
.ce-text-xl  { font-size: 1.25rem; }
.ce-text-2xl { font-size: 1.5rem; }
.ce-text-3xl { font-size: 1.875rem; }
.ce-uppercase { text-transform: uppercase; }
.ce-tracking-wide { letter-spacing: 1px; }
.ce-tracking-wider { letter-spacing: 2px; }
.ce-tracking-widest { letter-spacing: 3px; }
.ce-leading-tight { line-height: 1.25; }
.ce-leading-normal { line-height: 1.6; }
.ce-leading-loose { line-height: 2; }