/* Birdie Live — Design Tokens: Midnight Fairway + Aurora Ticker */
:root {
  /* Background */
  --c-bg:          #08191C;
  --c-surface:     #0E2A28;
  --c-surface-2:   #143A36;
  --c-header-from: #0C2E2A;
  --c-header-to:   #061318;

  /* Text */
  --c-text:       #E8F5EF;
  --c-muted:      #7FA89C;
  --c-dim:        #5C7A72;
  --c-on-primary: #06241B;

  /* Border */
  --c-border:        #1C3A36;
  --c-border-strong: #2A4F49;

  /* Form fields */
  --c-field-bg:     #0E2A28;
  --c-field-border: #2A4F49;

  /* Brand / Accent (Lime) */
  --c-primary:    #B6F09C;
  --c-primary-dk: #8FD97A;

  /* Score — Korean convention: under=red, over=blue */
  --c-under:       #FF5A5F;
  --c-under-on:    #2A0608;
  --c-over:        #4FA8FF;
  --c-over-on:     #04203A;
  --c-even:        #C8DDD5;
  --c-par-chip-bg: #143A36;

  /* Awards (tentative — task #3 will confirm) */
  --c-award-medalist:    #F2C14E;
  --c-award-medalist-bg: #2E2606;
  --c-award-jingum:      #B6F09C;
  --c-award-jingum-bg:   #102A18;
  --c-award-mokgum:      #9B7CFF;
  --c-award-mokgum-bg:   #1C1542;

  /* Ticker / Aurora (reserved — task #4) */
  --c-ticker-bg:          #241A52;
  --c-ticker-border:      #8B5CF6;
  --c-accent-violet:      #8B5CF6;
  --c-accent-cyan:        #22D3EE;
  --c-accent-cyan-bright: #5EE6D6;

  /* Semantic */
  --c-danger:    #FF4D4D;
  --c-danger-on: #2A0606;
  --c-success:   #5BD9A6;
  --c-warning:   #F2C14E;
}

/* ── Form control base ── */
input, textarea, select {
  color: var(--c-text);
  background-color: var(--c-field-bg);
  border: 1px solid var(--c-field-border);
}
input::placeholder, textarea::placeholder {
  color: var(--c-dim);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--c-primary);
  box-shadow: 0 0 0 2px rgba(182,240,156,0.18);
  outline: none;
}
/* date picker — ensure text is visible */
input[type=date]::-webkit-datetime-edit,
input[type=date]::-webkit-datetime-edit-fields-wrapper,
input[type=date]::-webkit-datetime-edit-text,
input[type=date]::-webkit-datetime-edit-month-field,
input[type=date]::-webkit-datetime-edit-day-field,
input[type=date]::-webkit-datetime-edit-year-field {
  color: var(--c-text);
}
input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(0.8);
  cursor: pointer;
}
