html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Public+Sans:wght@400;500;600;700&display=swap');

:root {
    --rt-accent: #d9722f;
    --rt-ink: #2a2723;
    --rt-paper: #faf8f5;
}

.rt-display {
    font-family: 'Archivo',system-ui,sans-serif;
}

.text-rt {
    color: var(--rt-accent) !important;
}

.btn-rt {
    background: var(--rt-accent);
    color: #fff;
    font-family: 'Archivo',sans-serif;
    font-weight: 800;
    border: none;
}

    .btn-rt:hover {
        background: #c4631f;
        color: #fff;
    }

    .btn-rt:disabled, .btn-rt.disabled {
        background: #cbb9a8;
        color: #fff;
        opacity: 1;
        pointer-events: none;
    }

.btn-rt-outline {
    background: #fff;
    color: var(--rt-accent);
    border: 1px solid var(--rt-accent);
    font-weight: 700;
    display: inline-block;
}

    .btn-rt-outline:hover {
        background: var(--rt-accent);
        color: #fff;
    }

.step-num {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--rt-ink);
    color: #fff;
    font-size: 11.5px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rt-panel {
    background: #f7f3ee;
    border: 1px solid #ece6de;
    border-radius: 16px;
}

.rt-stage {
    background: #fff;
}

.rt-chip {
    font-size: 13.5px;
    font-weight: 600;
    color: #403b35;
    background: #f3efe9;
    border: 1px solid #e7e2db;
    border-radius: 999px;
}

.rt-trade-card {
    text-align: left;
    font-weight: 700;
    color: var(--rt-ink);
    background: #fff;
    border: 1px solid #e7e2db;
    border-radius: 12px;
    transition: all .12s ease;
}

    .rt-trade-card:hover {
        border-color: var(--rt-accent);
        box-shadow: 0 8px 20px -10px rgba(217,114,47,.5);
        transform: translateY(-2px);
    }