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

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

  --border-color: #ccc;
  --secondary-button-color: var(--base-color);

  /* Fields */
  --input-field-background-color: #f8f8f8;

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

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

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

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

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

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