@import url("../table.css");

:root {
  /* Base */
  --base-color: #eee;
  --accent-color: #c73b3b;
  --badge-color: var(--accent-color);
  --button-color: #333;

  --border-color: #ccc;

  /* Text Field */
  --input-field-background-color: initial;

  /* Label */
  --label-text-color: var(--text-color);
  --label-background-color: var(--base-color);

  /* Badge */
  --badge-text-color: #fff;
  --badge-border-color: var(--badge-color);
  --badge-background-color: var(--badge-color);

  /* Button */
  --button-text-color: #fff;
  --button-background-color: var(--button-color);
  --button-hover-background-color: #777;

  /* Datepicker Button */
  --datepicker-button-text-color: #fff;
  --datepicker-button-background-color: var(--button-color);

  /* Submit Button */
  --submit-button-text-color: #fff;
  --submit-button-border-color: var(--button-color);
  --submit-button-background-color: var(--button-color);

  /* Previous Button */
  --prev-button-text-color: var(--button-color);
  --prev-button-background-color: #eee;
}