/* ========================================
   METACORETECS FINAL — Merged Design
   V2 Block Layout + V1 3D Effects
   ======================================== */

/* ========================================
   1. CSS VARIABLES
   ======================================== */

:root {
  /* Background tones */
  --bg: #1e1e2a;
  --bg-soft: #262635;
  --bg-tertiary: #2e2e40;
  --bg-card: rgba(38, 38, 53, 0.9);

  /* Brand colors — original blue + gold, brightened for dark bg */
  --blue-light: #64d8ff;
  --blue: #42a5f5;
  --blue-dark: #1e88e5;
  --gold: #d4a020;
  --gold-dark: #b8860b;
  --accent: var(--blue);

  /* Text */
  --text: #e8eaed;
  --text-secondary: #a0a8b4;
  --text-muted: #6b7280;

  /* Borders & Glass */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.15);
  --glass: rgba(30, 30, 42, 0.7);
  --glass-border: rgba(255, 255, 255, 0.08);

  /* Topbar */
  --topbar-bg: #1a1a28;
  --topbar-border: rgba(255, 255, 255, 0.06);

  /* Gradients */
  --gradient-blue: linear-gradient(135deg, var(--blue), var(--blue-dark));

  /* Typography */
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* Sizing */
  --container-max: 1320px;

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s ease-out;
  --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.2, 0, 0.2, 1);
}