:root {
      --gp-orange: #ff7a1a;
      --gp-orange-dark: #e8660c;
      --gp-soft: #fff4ea;
    }

    body {
      background: #f8f9fb;
    }

    .text-orange {
      color: var(--gp-orange);
    }

    .bg-orange-soft {
      background: var(--gp-soft);
    }

    .btn-orange {
      --bs-btn-color: #fff;
      --bs-btn-bg: var(--gp-orange);
      --bs-btn-border-color: var(--gp-orange);
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: var(--gp-orange-dark);
      --bs-btn-hover-border-color: var(--gp-orange-dark);
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: var(--gp-orange-dark);
      --bs-btn-active-border-color: var(--gp-orange-dark);
      --bs-btn-disabled-color: #fff;
      --bs-btn-disabled-bg: var(--gp-orange);
      --bs-btn-disabled-border-color: var(--gp-orange);
    }

    .btn-outline-orange {
      --bs-btn-color: var(--gp-orange);
      --bs-btn-border-color: var(--gp-orange);
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: var(--gp-orange);
      --bs-btn-hover-border-color: var(--gp-orange);
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: var(--gp-orange);
      --bs-btn-active-border-color: var(--gp-orange);
    }

    .form-check-input:checked {
      background-color: var(--gp-orange);
      border-color: var(--gp-orange);
    }

    .drop-zone {
      border: 2px dashed #d6dbe3;
      background: #fff;
      transition: .15s ease;
      cursor: pointer;
    }

    .drop-zone:hover,
    .drop-zone.dragover {
      border-color: var(--gp-orange);
      background: var(--gp-soft);
    }

    .result-box {
      min-height: 260px;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
      font-size: 14px;
      white-space: pre;
    }

    .navbar-brand span {
      color: var(--gp-orange);
    }

    .small-muted {
      color: #6c757d;
      font-size: .925rem;
    }