/* 1. COLOR DELAY ANIMATION (HOLDS EACH COLOR WITH SHARP TRANSITIONS) */
  @keyframes spaceAntarcticaColorCycle {
    /* Color 1: rgb(167, 146, 71) */
    0%, 20% {
      background-color: rgb(167, 146, 71);
    }
    /* Color 2: rgb(255, 117, 71) */
    25%, 45% {
      background-color: rgb(255, 117, 71);
    }
    /* Color 3: rgb(255, 117, 165) */
    50%, 70% {
      background-color: rgb(255, 117, 165);
    }
    /* Color 4: rgb(60, 179, 113) */
    75%, 95% {
      background-color: rgb(60, 179, 113);
    }
    100% {
      background-color: rgb(167, 146, 71);
    }
  }

  /* 2. CONTINUOUS HORIZONTAL SCROLL TICKER */
  @keyframes spaceAntarcticaTicker {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

/* ==========================================================================
   Architectural & Culinary Hybrid Design System
   ========================================================================== */

:root {
    --root-red: #8B0000;      /* Grounding, Base, Accents */
    --crown-violet: #4B0082;  /* Authority, Header, Structure */
}

body { 
    font-family: 'Segoe UI', sans-serif; 
    font-size: 20px; 
    line-height: 1.6; 
    color: #333; 
    margin: 0; 
    background-color: #fcfcfc; 
}

header { 
    background: var(--crown-violet); 
    color: white; 
    padding: 10px 10px; 
    text-align: center; 
    border-bottom: 5px solid var(--root-red); 
}

.hero { 
    background: #efebe9; 
    padding: 20px 20px; 
    text-align: center; 
    border-bottom: 4px solid var(--crown-violet); 
}

section { 
    padding: 40px 20px; 
    max-width: 800px; 
    margin: auto; 
}

/* Highlight for Today's Food - Architectural Accent */
.daily-special { 
    background: #fff3e0; 
    border: 2px solid var(--root-red); 
    padding: 25px; 
    border-radius: 2px; /* Sharper architectural edge */
    margin-bottom: 10px; 
}

.card { 
    background: white; 
    padding: 20px; 
    margin: 15px 0; 
    border-radius: 4px; 
    border: 1px solid #ddd; 
    border-left: 4px solid var(--crown-violet); /* Datum line */
}

.btn { 
    display: inline-block; 
    padding: 15px 30px; 
    background: var(--crown-violet); 
    color: white; 
    text-decoration: none; 
    border-radius: 6px; 
    font-weight: bold; 
}

footer { 
    background: #333; 
    color: white; 
    text-align: center; 
    padding: 20px; 
    margin-top: 40px; 
    border-top: 4px solid var(--root-red); 
}