@import './fonts/IBMPlexSans.css';
@import './fonts/IBMPlexMono.css';
@import './reset.css';


html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  font-family: 'IBM Plex Sans', 'Segoe UI', 'Roboto', sans-serif;
}

.jui-theme--ascii .jui-theme__computed {
  --c-input-outline-1: var(--c-white);
  --c-input-outline-2: rgba(var(--c-accent-rgb), 0.5);
}

/* -------TEXT INPUT------- */
.jui-theme--ascii .jui-input-text__input--outline-xs:focus {
  box-shadow: 0 0 0 var(--padding-xs) var(--c-input-outline);
}
.jui-theme--ascii .jui-input-text__input--outline-s:focus {
  box-shadow: 0 0 0 0.2em var(--c-input-outline-1),
              0 0 0 var(--padding-s) var(--c-input-outline-2);
}
.jui-theme--ascii .jui-input-text__input--outline-m:focus {
  box-shadow: 0 0 0 var(--padding-m) var(--c-input-outline);
}

/* -------CHECKBOX------- */
.jui-theme--ascii .jui-checkbox__input {
  display: none;
}
.jui-theme--ascii .jui-checkbox__label:before {
  margin-right: 0.5em;
  font-family: 'IBM Plex Mono';
  content: '[\00a0]';
  color: var(--c-checkbox);
}
.jui-theme--ascii .jui-checkbox__input:checked + .jui-checkbox__label:before {
  content: '[\2713]';
}

/* -------RADIO------- */
.jui-theme--ascii .jui-choice__input {
  display: none;
}
.jui-theme--ascii .jui-choice__label:before {
  font-weight: 500;
  color: var(--c-checkbox);
  margin-right: 0.5em;
  font-family: 'IBM Plex Mono';
  content: '(\00a0)';
}
.jui-theme--ascii .jui-choice__input:checked + .jui-choice__label:before {
  content: '(\2022)';
}

/* -------FIELD------- */
.jui-theme--ascii .jui-label {
  display: flex;
  align-items: center;
}
.jui-theme--ascii .jui-label:after {
  content: ' ';
  flex: 1;
  height: 1px;
  margin-left: 1em;
  border-top: 1px dotted var(--c-label-border);
}
.jui-theme--ascii .jui-field--has-errors > .jui-field__label:after {
  border-top-color: var(--c-label-border-error);
}
.jui-theme--ascii .jui-field__frame {
  border-bottom: 2px solid;
}
