/* ============================================================
   QCM⁵ GENESIS — Color & Type Foundations
   Ultra-premium sci-fi holographic NFT trading card system
   ============================================================ */

/* ---- Webfonts (Google) ----
   Cormorant Garamond — agent names / display serif
   Space Mono       — IDs, seals, machine data
   Loaded via <link> in HTML; declared here for reference. */

:root {
  /* ---------- PAGE / SHELL ---------- */
  --page-bg:        #0a0a0a;   /* gallery background */
  --shell-1:        #0e0e12;   /* raised surface */
  --shell-2:        #16161d;   /* panel surface */
  --chrome-light:   #f4f4f6;   /* holographic chrome highlight */
  --chrome-mid:     #9aa0ad;   /* chrome midtone */
  --chrome-dark:    #2a2d36;   /* chrome shadow / bezel */

  /* ---------- INK ---------- */
  --ink-1:          #f5f3ef;   /* primary text on dark */
  --ink-2:          rgba(245,243,239,0.66);  /* secondary */
  --ink-3:          rgba(245,243,239,0.40);  /* tertiary / labels */
  --ink-line:       rgba(255,255,255,0.10);  /* hairline divider */

  /* ---------- FROSTED GLASS (data panel) ---------- */
  --glass-fill:     rgba(20,22,30,0.55);
  --glass-stroke:   rgba(255,255,255,0.16);
  --glass-hi:       rgba(255,255,255,0.30);  /* top highlight edge */
  --glass-blur:     18px;

  /* =====================================================
     ENGINE PALETTES — each card pulls one of these sets
     ===================================================== */

  /* ASTROPHYSICS · Ignition — deep indigo / ignition orange / violet nebula */
  --astro-bg-0:     #1a0a3d;
  --astro-bg-1:     #0a0520;
  --astro-energy:   #ff6b00;   /* ignition beams */
  --astro-nebula:   #7b2fff;   /* violet nebula clouds */
  --astro-star:     #ffd76a;   /* gold star particles */
  --astro-core:     #ffae5c;   /* supernova core glow */

  /* COMPLEXITY · Convergence — teal / convergence green / burgundy / cyan */
  --cplx-bg-0:      #0a2a2a;
  --cplx-bg-1:      #04140f;
  --cplx-stream:    #00ff88;   /* convergence green data streams */
  --cplx-node:      #8b0000;   /* burgundy network nodes */
  --cplx-path:      #00ffff;   /* electric cyan paths */
  --cplx-glow:      #4dffc4;   /* soft mint glow */

  /* CONDENSED-MATTER · Convergence — charcoal / amber / platinum / deep blue */
  --cm-bg-0:        #1a1a2e;
  --cm-bg-1:        #0a0a14;
  --cm-lattice:     #ffb000;   /* amber crystal lattices */
  --cm-platinum:    #e5e5e5;   /* platinum metallic sheen */
  --cm-phonon:      #0044ff;   /* deep-blue phonon waves */
  --cm-glow:        #ffd27a;   /* warm amber glow */

  /* =====================================================
     TIER BADGES
     ===================================================== */
  --tier-seeker:    #3366ff;   /* Quantum Seeker */
  --tier-explorer:  #8800cc;   /* Quantum Explorer */
  --tier-pioneer:   #cc8800;   /* Quantum Pioneer */
  --tier-founder:   #ff0044;   /* Quantum Founder */

  /* =====================================================
     TYPE FAMILIES
     ===================================================== */
  --font-display:   "Cormorant Garamond", "Times New Roman", serif;
  --font-mono:      "Space Mono", "SFMono-Regular", ui-monospace, monospace;
  --font-ui:        "Space Grotesk", system-ui, sans-serif; /* chrome bar / labels */

  /* ---------- TYPE SCALE ---------- */
  --t-agent:        40px;  /* agent name, display serif, weight 600 */
  --t-agent-lh:     0.98;
  --t-tier:         12px;  /* tier pill, uppercase, tracked */
  --t-logo:         13px;  /* chrome-bar logo */
  --t-token:        15px;  /* token number, mono */
  --t-stat-num:     22px;  /* stat value, mono */
  --t-stat-label:   9.5px; /* stat label, uppercase tracked */
  --t-seal:         11px;  /* quantum seal hash, mono */
  --t-foot:         10px;  /* tradeXchange footer */

  /* ---------- RADII ---------- */
  --r-card:         16px;
  --r-pill:         999px;
  --r-glass:        12px;
  --r-chip:         6px;

  /* ---------- TRACKING ---------- */
  --track-label:    0.22em;  /* uppercase micro-labels */
  --track-logo:     0.30em;  /* logo lockup */
  --track-tier:     0.18em;
}

/* =====================================================
   SEMANTIC TYPE HELPERS
   ===================================================== */
.qcm-agent-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--t-agent);
  line-height: var(--t-agent-lh);
  letter-spacing: 0.005em;
  color: var(--ink-1);
}
.qcm-logo {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: var(--t-logo);
  letter-spacing: var(--track-logo);
  text-transform: uppercase;
  color: var(--ink-1);
}
.qcm-tier {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: var(--t-tier);
  letter-spacing: var(--track-tier);
  text-transform: uppercase;
}
.qcm-mono {
  font-family: var(--font-mono);
  font-weight: 400;
}
.qcm-label {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: var(--t-stat-label);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--ink-3);
}
.qcm-stat-num {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: var(--t-stat-num);
  color: var(--ink-1);
}