/*
Theme Name: Desert Link
Theme URI: https://desertlink.io
Author: Desert Link
Author URI: https://desertlink.io
Description: A compliance-first communications platform theme combining AI Voice, KYC/KYUC, real-time KPIs and OpenAI & Claude.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: desert-link
*/

/* Custom Properties */
:root {
  --dl-dark: #0a0f1c;
  --dl-text: #e5e7eb;
  --gold-start: #fcd34d;
  --gold-end: #f472b6;
}

/* Base Styles */
.bg-dl-dark { background-color: var(--dl-dark); }
.text-dl-text { color: var(--dl-text); }

/* Typography */
.font-display { font-family: 'Fraunces', serif; }
.eyebrow { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; }
.metric-num { font-family: 'Inter', sans-serif; font-weight: 300; }
.tabular { font-variant-numeric: tabular-nums; }

/* Gradients */
.gradient-gold {
  background: linear-gradient(135deg, var(--gold-start), var(--gold-end));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.gradient-text {
  background: linear-gradient(135deg, #fcd34d 0%, #f472b6 50%, #c084fc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Glass Panel */
.glass-panel {
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.06);
}
.gold-edge {
  border-image: linear-gradient(135deg, rgba(252,211,77,0.4), rgba(244,114,182,0.2)) 1;
  border-width: 1px;
  border-style: solid;
}

/* Buttons */
.btn-gold {
  background: linear-gradient(135deg, #fbbf24, #f472b6);
  color: #000;
  font-weight: 600;
  transition: transform 0.2s, box-shadow 0.2s;
}
.btn-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(251,191,36,0.3);
}
.btn-ghost {
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff;
  transition: border-color 0.2s, background 0.2s;
}
.btn-ghost:hover {
  border-color: rgba(251,191,36,0.5);
  background: rgba(251,191,36,0.05);
}

/* Cards */
.lux-card {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 1rem;
  transition: border-color 0.3s, transform 0.3s;
}
.lux-card:hover {
  border-color: rgba(251,191,36,0.3);
  transform: translateY(-4px);
}

/* Hairline */
.hairline {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(251,191,36,0.3), transparent);
}

/* Modal */
.modal { display: none; }
.modal.active { display: flex; }

/* Trust Row */
.trust-row > div { opacity: 0.7; transition: opacity 0.3s; }
.trust-row > div:hover { opacity: 1; }