@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

/* ═══ DYNAMIC DESIGN TOKENS ═══ */
:root {
  --primary:           #f97316;
  --primary-rgb:       249,115,22;
  --secondary:         #ef4444;
  --secondary-rgb:     239,68,68;
  --gold:              #fbbf24;
  --primary-gradient:  linear-gradient(135deg, #f97316, #ef4444);
  --font-heading:      'DM Sans', sans-serif;
  --font-body:         'Fraunces', sans-serif;
  --font-code:         'Lato', monospace;
  --font-size-base:    12px;
  --card-radius:       18px;
  --btn-radius:        10px;
  --section-padding:   80px;
}
[data-theme="dark"] {
  --bg:          #080b14;
  --text:        #e8eaf0;
  --card-bg:     #080b14ee;
  --muted:       #e8eaf088;
  --border:      #f9731622;
  --glass:       #f9731608;
}
[data-theme="light"] {
  --bg:          #f0f4f8;
  --text:        #1a1a2e;
  --card-bg:     #ffffff;
  --muted:       #1a1a2e99;
  --border:      #1a1a2e22;
  --glass:       #1a1a2e08;
}

/* ═══ FONT APPLICATION ═══ */
body, p, span, div, input, select, textarea, button, a {
  font-family: var(--font-body) !important;
  font-size: var(--font-size-base);
}
h1,h2,h3,h4,h5,h6,
.hero-title,.page-title,.section-header h2,
.nav-logo-text,.sb-title,.admin-page-title,
.stat-num,.an-kpi-value,.ds-num,
.fp-title,.bd-title,.auth-card h3 {
  font-family: var(--font-heading) !important;
}
code,pre,.hvc-code,.code-line,kbd,
.hvc-title,.ti-id,.invoice_number,
textarea[style*="monospace"],[style*="JetBrains"],[style*="monospace"] {
  font-family: var(--font-code) !important;
}

/* ═══ BORDER RADIUS ═══ */
.btn-primary,.btn-outline,.btn-hero-primary,.btn-hero-outline,
.btn-sm,.auth-input,.admin-input,.auth-card { border-radius: var(--btn-radius) !important; }

.svc-home-card,.sw-home-card,.testi-card,.team-card,
.port-home-card,.blog-card,.service-card-full,.portfolio-card,
.pricing-card,.faq-item,.ticket-item,.why-card,.sw-card,
.admin-form-card,.auth-card,.ds-card,.an-kpi-card,
.festival-card,.job-card,.pfl-card,.dash-section { border-radius: var(--card-radius) !important; }

/* ═══ SECTION SPACING ═══ */
.section { padding: var(--section-padding) 0; }
.stats-bar { padding: calc(var(--section-padding) * 0.4) 0; }

/* ═══ COLORS ═══ */
a { color: var(--primary); }
.gradient-text {
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.btn-primary,.btn-hero-primary,
.hvc-pr-fill,.progress-fill,
.hb-dot,.ticket-item:hover::before { background: var(--primary-gradient) !important; }
.badge.green,.hb-dot { background: rgba(249,115,22,.15); color: var(--primary); }
.bc-cat,.swh-cat,.scf-badge,.hero-badge {
  background: rgba(249,115,22,.1);
  color: var(--primary);
  border-color: rgba(249,115,22,.25);
}
.shc-arrow,.bc-link { color: var(--primary); }
.sidebar-link.active,.sidebar-link:hover { color: var(--primary) !important; background: rgba(249,115,22,.08) !important; }

/* ═══ THEME TOGGLE VISIBILITY ═══ */

/* ═══ SECTION: Section-level BG overrides for custom badges ═══ */
.tag-pill {
  background: rgba(249,115,22,.12);
  color: var(--primary);
  border: 1px solid rgba(249,115,22,.25);
}
.pag-btn.active,.pag-btn:hover,.auth-tab.active { background: var(--primary-gradient) !important; }

/* ═══ HERO ═══ */
.hero-orb-1 { background: radial-gradient(circle, rgba(249,115,22,.15) 0%, transparent 70%); }
.hero-orb-2 { background: radial-gradient(circle, rgba(239,68,68,.12) 0%, transparent 70%); }
.hero-badge { background: rgba(249,115,22,.1); border-color: rgba(249,115,22,.25); color: var(--primary); }
.btn-hero-wa { color: var(--primary); border-color: rgba(249,115,22,.4); background: rgba(249,115,22,.08); }

/* ═══ WHATSAPP FLOAT ═══ */
.whatsapp-float { background: var(--primary-gradient); box-shadow: 0 4px 20px rgba(249,115,22,.4); }

/* ═══ SCROLLBAR ═══ */
::-webkit-scrollbar-thumb { background: var(--primary-gradient); }
::selection { background: rgba(249,115,22,.3); }

/* ═══ CUSTOM CSS FROM ADMIN ═══ */