/* ============================================
   TurtleWoW Theme
   Orange accent colors with gradient
   ============================================ */

:root {
    /* TurtleWoW Colors - Orange theme */
    --color-accent: #ffa500;
    --color-accent-hover: #FF9A42;
    --color-accent-glow: rgba(255, 119, 87, 0.5);
    --color-accent-subtle: rgba(255, 119, 87, 0.1);
    --color-accent-border: rgba(255, 119, 87, 0.4);
    --color-accent-gradient: -webkit-linear-gradient(270deg, #F1C22D 0%, #FF7757 100%);
}

/* TurtleWoW specific background gradient */
body {
    background-image: 
        radial-gradient(circle at 50% 0%, rgba(255, 138, 60, 0.1) 0%, transparent 121vh);
    background-attachment: fixed;
}

/* Gradient text for headings */
h1 {
    color: var(--color-accent);
}

h2 {
    background: -webkit-linear-gradient(270deg, #F1C22D 0%, #FF7757 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Gradient text for timer numbers */
.timer-number {
    background: -webkit-linear-gradient(270deg, #F1C22D 0%, #FF7757 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}