/* ============================================================
   SauraXT Windows XP Portfolio — CSS Design Tokens (Luna Theme)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Tahoma:wght@400;700&family=Trebuchet+MS:wght@400;700&display=swap');

:root {
  /* === Brand Colors (Windows 7 Aero Glass) === */
  --col-bg:           #000000;
  --col-card:         #fff;
  --col-card-hover:   #f0f4f8;
  --col-primary:      #4a82ba; /* Aero Blue */
  --col-primary-dim:  #2f689c;
  --col-secondary:    #009900; 
  --col-secondary-dim:#007700;
  --col-accent:       #f08020; 
  --col-accent-dim:   #d16d18;
  --col-text:         #000000;
  --col-text-dim:     #333333;
  --col-text-muted:   #666666;
  --col-border:       rgba(255, 255, 255, 0.4);
  --col-border-hover: rgba(255, 255, 255, 0.8);
  --col-glass:        rgba(150, 200, 255, 0.4); /* Aero glass base */
  --col-glass-light:  rgba(255, 255, 255, 0.6);

  /* === Gradients === */
  --grad-primary:    linear-gradient(180deg, rgba(160, 210, 255, 0.5) 0%, rgba(100, 150, 220, 0.5) 50%, rgba(50, 100, 180, 0.6) 50%, rgba(20, 70, 140, 0.7) 100%);
  --grad-accent:     linear-gradient(180deg, #5abf3c 0%, #268010 100%);
  --grad-dark:       linear-gradient(180deg, #f0f0f0 0%, #dcdcdc 100%);
  --grad-titlebar:   linear-gradient(to bottom, rgba(200, 230, 255, 0.7) 0%, rgba(130, 180, 240, 0.6) 45%, rgba(60, 130, 220, 0.65) 50%, rgba(40, 100, 200, 0.75) 100%);
  --grad-start-btn:  radial-gradient(circle, #5abf3c 0%, #268010 100%);
  --grad-live:       linear-gradient(135deg, #ff3b3b, #c21313);

  /* === Fonts === */
  --font-heading:    'Segoe UI', 'Tahoma', sans-serif;
  --font-body:       'Segoe UI', 'Tahoma', sans-serif;
  --font-mono:       'Consolas', monospace;

  /* === Sizing === */
  --taskbar-h:       40px; /* Windows 7 Taskbar is taller */
  --icon-size:       48px; /* Win 7 uses larger default icons */
  --window-radius:   8px;
  --border-radius:   4px;
  --card-radius:     6px;

  /* === Z-Index === */
  --z-desktop:       0;
  --z-particles:     1;
  --z-icons:         2;
  --z-window-base:   10;
  --z-window-top:    500;
  --z-taskbar:       900;
  --z-start-menu:    950;
  --z-context-menu:  960;
  --z-boot:          9999;
  --z-cursor:        9998;

  /* === Transitions === */
  --trans-fast:      100ms ease;
  --trans-std:       200ms ease;
  --trans-slow:      400ms ease;

  /* === Shadows === */
  --shadow-window:   0 5px 25px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
  --shadow-glow:     0 0 5px rgba(255,255,255,0.5);
  --shadow-glow-lg:  0 0 15px rgba(255,255,255,0.3);
  --shadow-card:     1px 1px 3px rgba(0,0,0,0.2);
  --blur-aero:       blur(12px);
}