:root {  --color-text-on-primary: var(--color-text); --color-primary: #00c0b5; }
/* ---------------------------------
Colours to set (as per Tobias - Developer of Pretalx)

To change the header background, you should be able to just change the event's primary colour in your pretalx settings.

Most other colourful items should be:

- .btn.btn-success (green buttons)
- .btn.btn-info (blue buttons)
- .btn.btn-danter (red buttons)
- .btn.btn-outline-info (white buttons with blue outline)
- all a elements
- .alert.alert-success (success messages)
- .alert.alert-info (information messages)
- .alert.alert-warning (warning messages)
- .alert.alert-danger (error messages and strong warnings)

--------------------------------- */

/* Colors for RoboCon2027

 == Banner Colors ==
--bg: #22214f;
--bg-2: #000000;
--large-text: #fce08a;
--small-text: #dcb478;
--logo: #f5a623;
--divider: #d13d78;

 == Background Shades ==
--bg-lightest: #d3d3dc
--bg-lighter:  #a7a6b9
--bg-light:    #646484
--bg-primary:  #22214f
--bg-dark:     #1a193b
--bg-darker:   #13122b
--bg-darkest:  #0c0c1c

*/



/* ---------------- */
/* |    Header    | */
/* ---------------- */
.bg-primary,
header {
  background-color: transparent;
}

#main-container > header {
  padding: 2.5em 3em;
}

header #related .dropdown .dropdown-body .dropdown-item a:hover {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}

header > h1 > a:not(.btn) {
  color: #fce08a;
}

header > h1 > a:not(.btn):hover {
  color: #dcb478;
}

header .header-row-right {
  color: #ffffff;
}

header .header-row-right a {
  color: #fce08a;
}

header .header-row-right a:hover {
  color: #fce08a !important;
}

/* ------------------------- */
/* |    Page Background    | */
/* ------------------------- */

body {
  background: #13122b;
}


/* ------------------- */
/* |    Main Body    | */
/* ------------------- */

/* -- Links and sectionbox(?) -- */
#main-card a:not(.btn) {
  text-decoration: none;
  color: #fce08a;
}

/* Landing Page Buttons */
/*   Ex. "Go to CfP", "Go To Organiser Area" */
#main-card .url-links a.btn-info:not(:hover), 
#main-card .url-links a.btn-info:enabled:not(:hover) {
  background-color: transparent;
  border-color: #d13d78;
  color: #22214f;
}

#main-card .url-links .btn-info:hover {
  background-color: #fce08a;
  border-color: #22214f;
  color: #000000;
}


/* Forward looking buttons */
/*   Ex. "Submit Proposal", "Continue >>" */
.btn-primary {
  background-color: #fce08a;
  border-color: #fce08a;
  color: #000000;
}

.btn-success:not(:hover),
.btn-success:enabled:not(:hover) {
  background-color: #fce08a;
  border-color: #fce08a;
  color: #000000;
}

.btn.btn-success:hover {
  background-color: #dcb478;
  border-color: #dcb478;
}

/* Save Draft */
.btn-outline-success:not(:hover),
.btn-outline-success:enabled:not(:hover) {
  background-color: transparent;
  border-color: #d13d78;
}

.btn.btn-outline-success:hover {
  background-color: #fce08a;
  border-color: #d13d78;
}

/* Backward buttons */
.flex-row-reverse a.btn-info:not(:hover),
.flex-row-reverse a.btn-info:enabled:not(:hover) {
  background-color: transparent;
  border-color: #22214f;
  color: #22214f;
}

.flex-row-reverse a.btn-info:hover {
  background-color: #22214f;
  border-color: #d13d78;
  color: #f5f5f5;
}

/* "Add another resource" button */
button.btn-info,
button.btn-info:enabled {
  background-color: transparent;
  border-color: #d13d78;
  color: #d13d78;
}

/*
::file-selector-button, summary.btn {
    border: 1px solid #00c0b5;
    background: #f5f5f5;
    color: white;
} */

/* Proposal State */
.submission-state-submitted,
.submission-state-review {
  background-color: #d13d78 !important;
  border-color: #22214F;
  color: #ffffff;
}

/* Your drafts */
/* Edit Proposals */
a.btn-sm.btn-info:not(:hover),
a.btn-sm.btn-info:enabled:not(:hover) {
  background-color: #fce08a;
  border-color: #fce08a;
}

a.btn-sm.btn-info:hover {
  background-color: #00a29a;
  border-color: #00a29a;
}


/* Stages */

.stages .step-current .step-icon,
.stages .step-done .step-icon {
  border: 2px solid #dcb478 !important;
  background: #d13d78 !important;
  color: white !important;
}

.stages .step-current .step-label,
.stages .step-done .step-label {
  color: #d13d78 !important;
}

.stages .step-current::before {
  background: #d13d78 !important;
}

.stages .step-done::after {
  background: #d13d78 !important;
}

.stages .step-done::before {
  background: #d13d78 !important;
}

/* Fields */
/* input:not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus {
  border-color: #c85e0c;
  box-shadow: #fce08a;
} */  /* can't do box-shadow :P */

/* -- ?? -- */
::selection {
  color: #e6e6e6;
}

.form-check label:after,
input[type="radio"] + label:after {
  background: #578a88;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #c6c6c6;
}

.table th,
.table td {
  border-top: 1px solid #c6c6c6;
}

.table thead th {
  border-bottom: 1px solid #c6c6c6;
}

/* -- Footer Text -- */
footer {
  color: #d13d78;
}

footer a {
  color: #f5f5f5;
}

footer a:hover {
  color: #f5f5f5;
  text-decoration: underline;   
}

/* -- Warnings -- */
.alert-info,
.alert-success {
  border-color: #ff9f94;
}

.alert-info::before,
.alert-success::before {
  background-color: #ff9f94;
}

.alert-danger {
  border-color: #d32f2f !important;
  color: #d32f2f !important;
}

.alert-danger::before {
  background-color: #d32f2f !important;
}

/* -- Banners -- */

/* "This event is currently non-public. Only organisers can see it." banner */
/* seen whenCFP not yet published */
#event-nonpublic {
  background: #d13d78;
  color: #ffffff;
}

/* Org edit link */
/*   only styling this so we don't get questions about it being different */
a.orga-edit-link:not(:hover), 
a.orga-edit-link:enabled:not(:hover) {
  background-color: transparent !important;
  border-color: #22214f !important;
  color: #22214f;
}

a.orga-edit-link:hover {
  background-color: #d13d78 !important;
  border-color: #b96a00;
  color: #ffffff;
}

i.fa.fa-pencil {
  color: #22214f;
}

i.fa.fa-pencil:hover {
  color: #ffffff;
}