:root {
  --app-bg: #0a0000;
  --app-bg-secondary: #1a0808;
  --app-bg-input: #2a1515;
  --app-text: #ffffff;
  --app-text-muted: #c9b99a;
  --app-accent: #d4af37;
  --app-accent-hover: #b8860b;
  --app-border: #4a3c2a;
  --app-success: #22c55e;
  --app-danger: #dc2626;
  --app-warning: #f59e0b;
  --app-info: #3b82f6;

  /* Custom CSS */
  /* Podomoro Theme - Red & Gold Custom Styles */

  /* Gold gradient for special elements */
  --app-gold-gradient: linear-gradient(
    135deg,
    #d4af37 0%,
    #f0c850 50%,
    #d4af37 100%
  );

  /* Red accent gradient for buttons/CTAs */
  --app-red-gradient: linear-gradient(
    135deg,
    #8b0000 0%,
    #c41e3a 50%,
    #8b0000 100%
  );

  /* Gold text shadow for headings */
  --app-gold-shadow: 0 0 10px rgba(212, 175, 55, 0.5);

  /* Red glow effect */
  --app-red-glow: 0 0 15px rgba(196, 30, 58, 0.4);
}