/* ============================================================
   Cyclical Edge — Custom Colour & Utility Classes
   Replaces tailwind.config blocks previously in each page.
   Source: index_dashboard_page_.php, index_landing_page_.php
   ============================================================ */

/* Page backgrounds */
.bg-page  { background-color: #09090b; }
.bg-card  { background-color: #18181b; }

/* Text colours */
.text-main   { color: #e4e4e7; }
.text-accent { color: #f59e0b; }
.bg-accent  { background-color: #f59e0b; }

/* Border accent */
.border-accent { border-color: #f59e0b; }

/* Glow shadow (from boxShadow config) */
.shadow-glow { box-shadow: 0 0 20px rgba(0,0,0,0.5); }

/* Font families */
.font-sans { font-family: 'Inter', sans-serif; }
.font-mono { font-family: 'JetBrains Mono', monospace; }


/* ============================================================
   Source: market_gateway.php
   ============================================================ */

/* Navy backgrounds */
.bg-navy-dark     { background-color: #0a0f1e; }
.bg-navy-surface  { background-color: #0e1628; }
.bg-navy-surface2 { background-color: #131c30; }

/* Steel */
.text-steel-blue  { color: #7ba7d4; }

/* Trade state colours */
.text-trade-up   { color: #3ecf6a; }
.text-trade-down { color: #e85555; }
.text-trade-warn { color: #d4903a; }