/* ================================================================
   YRsite Dynamic Theme — Generated by theme-vars.php
   (Overrides static defaults in yrsite-2026.css)
   ================================================================ */

:root {
  --bg:  #0B1623;
  --card:#0F1F30;
  --alt: #0B1623;
  --tx:  #F8FAFC;
  --mu:  #94A3B8;
  --bd:  #1E2533;
  --lm:  #38BDF8;
  --gd:  #F59E0B;
  --pk:  #F472B6;

  --surface:              #0F1F30;
  --surface-hover:        #0F1F30CC;
  --surface-border:       #1E2533;
  --surface-border-hover: #38BDF8;
  --text-main:            #F8FAFC;
  --text-muted:           #94A3B8;

  --primary:      #38BDF8;
  --primary-light:#F59E0B;
  --primary-soft: rgba(56,189,248,0.15);
  --primary-glow: 0 8px 30px rgba(56,189,248,0.3);

  --accent-pink: #F472B6;
  --accent-gold: #F59E0B;
  --accent-cyan: #38bdf8;

  --warning:      #F59E0B;
  --warning-soft: rgba(245,158,11,0.15);
  --danger:       #F472B6;
  --danger-soft:  rgba(244,114,182,0.15);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
}

[data-theme="light"] {
  --bg:  #F0F9FF;
  --card:#F0F9FF;
  --alt: #F0F9FF;
  --tx:  #0F172A;
  --mu:  #475569;
  --bd:  #E2E8F0;
  --lm:  #0369A1;
  --gd:  #B45309;
  --pk:  #DB2777;

  --surface:              #F0F9FF;
  --surface-hover:        #F1F5F9;
  --surface-border:       #E2E8F0;
  --surface-border-hover: #0369A1;
  --text-main:            #0F172A;
  --text-muted:           #475569;

  --primary:      #0369A1;
  --primary-light:#B45309;
  --primary-soft: rgba(3,105,161,0.15);
  --primary-glow: 0 8px 30px rgba(3,105,161,0.25);

  --accent-pink: #DB2777;
  --accent-gold: #B45309;
  --accent-cyan: #0284c7;

  --warning:      #B45309;
  --warning-soft: rgba(180,83,9,0.15);
  --danger:       #DB2777;
  --danger-soft:  rgba(219,39,119,0.12);
}