/* ============================================================
   Oke Gaming — ce-fonts.css
   Google Fonts & Typography Scale
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Rajdhani:wght@400;500;600;700&display=swap');

/* ── Font Stacks ── */
.ce-font-display  { font-family: 'Orbitron', monospace; }
.ce-font-body     { font-family: 'Exo 2', sans-serif; }
.ce-font-accent   { font-family: 'Rajdhani', sans-serif; }

/* ── Weight Utilities ── */
.ce-fw-300 { font-weight: 300; }
.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-900 { font-weight: 900; }

/* ── Size Scale ── */
.ce-fs-xs  { font-size: 0.75rem; }
.ce-fs-sm  { font-size: 0.875rem; }
.ce-fs-base{ font-size: 1rem; }
.ce-fs-lg  { font-size: 1.125rem; }
.ce-fs-xl  { font-size: 1.25rem; }
.ce-fs-2xl { font-size: 1.5rem; }
.ce-fs-3xl { font-size: 1.875rem; }
.ce-fs-4xl { font-size: 2.25rem; }
.ce-fs-5xl { font-size: 3rem; }

/* ── Letter Spacing ── */
.ce-ls-tight  { letter-spacing: -0.02em; }
.ce-ls-normal { letter-spacing: 0; }
.ce-ls-wide   { letter-spacing: 0.05em; }
.ce-ls-wider  { letter-spacing: 0.1em; }
.ce-ls-widest { letter-spacing: 0.15em; }

/* ── Line Height ── */
.ce-lh-tight  { line-height: 1.2; }
.ce-lh-snug   { line-height: 1.375; }
.ce-lh-normal { line-height: 1.5; }
.ce-lh-relaxed{ line-height: 1.7; }
.ce-lh-loose  { line-height: 2; }

/* ── Special Typography ── */
.ce-display-text {
  font-family: 'Orbitron', monospace;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.1;
}

.ce-label-text {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.ce-body-text {
  font-family: 'Exo 2', sans-serif;
  font-weight: 400;
  line-height: 1.7;
}

/* ── Gradient Text ── */
.ce-gradient-text {
  background: linear-gradient(135deg, #00e5ff, #a855f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ce-gradient-text-green {
  background: linear-gradient(135deg, #39ff14, #00e5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Blockquote ── */
.ce-blockquote {
  border-left: 3px solid var(--ce-neon-cyan);
  padding: 16px 20px;
  margin: 24px 0;
  background: rgba(0,229,255,0.04);
  border-radius: 0 var(--ce-radius-sm) var(--ce-radius-sm) 0;
}

.ce-blockquote p {
  font-style: italic;
  font-size: 1.05rem;
  color: var(--ce-text-secondary);
  margin: 0;
}