/*==================================================================
  SUBMISSIONS PAGE — Premium White & Golden Yellow override
  Loaded AFTER styles.css. Same selectors, later in source order,
  so these values win. No HTML/JS touched.
==================================================================*/

.submission-page {
  --bg-base:      #FFFFFF;
  --bg-card:      #FFFFFF;
  --bg-card-alt:  #FAFAFA;
  --border:       #E8E8E8;
  --border-light: #E8E8E8;

  --accent-purple: #F4B400;
  --accent-blue:   #D99A00;
  --accent-cyan:   #F4B400;
  --accent-urgent: #E4572E;

  --text-primary:   #1A1A1A;
  --text-secondary: #666666;
  --text-muted:     #8A8A8A;

  --shadow-card: 0 4px 20px rgba(26,26,26,0.06);

  background-color: var(--bg-base);
  color: var(--text-primary);
}

.submission-page .btn-primary {
  background: linear-gradient(135deg, #F4B400 0%, #D99A00 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 18px rgba(244,180,0,0.30);
}

.submission-page .btn-outline {
  color: var(--text-primary);
  border: 2px solid var(--border-light);
}
.submission-page .btn-outline:hover { border-color: var(--accent-purple); }

.submission-page .hero-heading,
.submission-page .step-num,
.submission-page .form-textarea,
.submission-page .btn-browse,
.submission-page .why-title,
.submission-page .track-name {
  color: var(--text-primary);
}

.submission-page .form-select option {
  background: #FFFFFF;
  color: var(--text-primary);
}

.submission-page .date-value {
  color: var(--text-primary) !important;
}

.submission-page .hero-highlight {
  background: linear-gradient(90deg, #F4B400 0%, #D99A00 60%, #F4B400 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.submission-page .ai-ring {
  border: 1px solid rgba(244,180,0,0.25);
}

.submission-page [class*="card"],
.submission-page [class*="-box"] {
  background: var(--bg-card);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
}