/* ============================================================
   PRIMETOUCH CLEANING — THEME
   CSS custom properties for dark / light modes
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600;700&display=swap');

/* ── ROOT (dark default) ───────────────────────────────────── */
:root {
  /* Brand */
  --gold:          #C9A84C;
  --gold-light:    #E4C870;
  --gold-dark:     #A88530;
  --gold-muted:    rgba(201,168,76,0.12);
  --gold-border:   rgba(201,168,76,0.25);
  --navy:          #050B1E;
  --navy-mid:      #0A1428;
  --navy-light:    #0F1C38;

  /* Backgrounds */
  --bg-primary:    #060C20;
  --bg-secondary:  #0B1530;
  --bg-tertiary:   #101E3C;
  --bg-card:       #0D1832;
  --bg-glass:      rgba(13,24,50,0.8);

  /* Text */
  --text-primary:  #EEF2FF;
  --text-secondary:#A8B8D8;
  --text-muted:    #6680A0;
  --text-inverse:  #050B1E;

  /* Borders */
  --border:        rgba(255,255,255,0.07);
  --border-light:  rgba(255,255,255,0.12);
  --border-gold:   rgba(201,168,76,0.3);

  /* Status */
  --success:       #22C55E;
  --success-bg:    rgba(34,197,94,0.1);
  --warning:       #F59E0B;
  --warning-bg:    rgba(245,158,11,0.1);
  --error:         #EF4444;
  --error-bg:      rgba(239,68,68,0.1);
  --info:          #3B82F6;
  --info-bg:       rgba(59,130,246,0.1);

  /* Radius */
  --radius-xs:     4px;
  --radius-sm:     8px;
  --radius-md:     14px;
  --radius-lg:     20px;
  --radius-xl:     28px;
  --radius-pill:   999px;

  /* Spacing */
  --space-xs:      4px;
  --space-sm:      8px;
  --space-md:      16px;
  --space-lg:      24px;
  --space-xl:      40px;
  --space-2xl:     64px;
  --space-3xl:     96px;

  /* Typography */
  --font-display:  'Cormorant Garamond', Georgia, serif;
  --font-body:     'Outfit', system-ui, sans-serif;

  /* Shadows */
  --shadow-sm:     0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:     0 8px 24px rgba(0,0,0,0.4);
  --shadow-lg:     0 20px 60px rgba(0,0,0,0.5);
  --shadow-gold:   0 8px 32px rgba(201,168,76,0.2);
  --shadow-card:   0 4px 20px rgba(0,0,0,0.35);

  /* Transitions */
  --trans-fast:    150ms ease;
  --trans-base:    250ms ease;
  --trans-slow:    400ms ease;

  /* Layout */
  --container-max: 1240px;
  --sidebar-w:     260px;
  --topbar-h:      64px;
  --navbar-h:      72px;
}

/* ── LIGHT MODE ─────────────────────────────────────────────── */
[data-theme="light"] {
  --bg-primary:    #FAFBFF;
  --bg-secondary:  #F0F3FA;
  --bg-tertiary:   #E8EDFB;
  --bg-card:       #FFFFFF;
  --bg-glass:      rgba(255,255,255,0.92);

  --text-primary:  #0A1228;
  --text-secondary:#3D4F78;
  --text-muted:    #7888A8;
  --text-inverse:  #FAFBFF;

  --border:        rgba(0,0,0,0.08);
  --border-light:  rgba(0,0,0,0.14);

  --shadow-sm:     0 2px 8px rgba(0,0,0,0.06);
  --shadow-md:     0 8px 24px rgba(0,0,0,0.1);
  --shadow-lg:     0 20px 60px rgba(0,0,0,0.14);
  --shadow-card:   0 4px 20px rgba(0,0,0,0.08);
}