/*
 * Theme: Sunset
 * Warm dark theme — deep purples with orange and amber accents
 * Author: Tracker Team
 */

[data-theme="sunset"] {
  /* Backgrounds */
  --bg-app: #1a1028;
  --bg-app-secondary: #231535;
  --bg-card: rgba(35, 21, 53, 0.8);
  --bg-card-solid: #2a1a40;
  --bg-card-hover: #33204d;
  --bg-sidebar: rgba(26, 16, 40, 0.95);
  --bg-input: rgba(30, 18, 46, 0.9);
  --bg-glass: rgba(26, 16, 40, 0.7);

  /* Text */
  --text-primary: #f5ede3;
  --text-secondary: #c4a88a;
  --text-muted: #7a6555;
  --text-sidebar: #7a6555;
  --text-sidebar-active: #ffffff;
  --btn-text: #1a1028;

  /* Accents */
  --accent: #ff6b35;
  --accent-rgb: 255, 107, 53;
  --accent-hover: #ff8555;
  --accent-light: rgba(255, 107, 53, 0.1);
  --accent-glow: rgba(255, 107, 53, 0.25);
  --accent-secondary: #ffc857;
  --accent-secondary-rgb: 255, 200, 87;
  --accent-tertiary: #e8a045;

  /* Sidebar */
  --sidebar-accent: linear-gradient(135deg, #ff6b35, #ffc857);
  --sidebar-hover: rgba(255, 107, 53, 0.08);

  /* Semantic */
  --success: #a8d46a;
  --success-light: rgba(168, 212, 106, 0.12);
  --danger: #ff4757;
  --danger-light: rgba(255, 71, 87, 0.12);
  --warning: #ffc857;
  --warning-light: rgba(255, 200, 87, 0.12);
  --info: #e8a045;
  --info-light: rgba(232, 160, 69, 0.12);

  /* Borders */
  --border: rgba(255, 255, 255, 0.07);
  --border-hover: rgba(255, 255, 255, 0.14);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 30px rgba(255, 107, 53, 0.12);

  /* Radius */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 6px;

  /* Fonts — warm, rounded, friendly */
  --font-heading: 'Space Grotesk', 'Inter', sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Effects */
  --glass-blur: blur(16px) saturate(140%);
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  color-scheme: dark;
}