:root {
  --review-primary: #ff6715;
  --review-primary-dark: #d94f00;
  --review-text: #000000;
  --review-primary-on: #ffffff;
  --review-bg: #f6f7f9;
  --review-surface: #ffffff;
  --review-surface-soft: #fdf4ee;
  --review-border: #d7dce2;
  --review-muted: #5f6873;
  --review-shadow: 0 18px 48px rgba(20, 25, 34, 0.08);
  --review-radius: 1rem;
  --review-radius-sm: 0.75rem;
  --bs-primary: var(--review-primary);
  --bs-primary-rgb: 255, 103, 21;
  --bs-secondary-rgb: 95, 104, 115;
  --bs-body-color: var(--review-text);
  --bs-body-color-rgb: 0, 0, 0;
  --bs-body-bg: var(--review-bg);
  --bs-body-bg-rgb: 246, 247, 249;
  --bs-border-color: var(--review-border);
  --bs-link-color: var(--review-primary);
  --bs-link-hover-color: var(--review-primary-dark);
  --bs-emphasis-color: var(--review-text);
  --bs-font-sans-serif: "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}

html,
body {
  min-height: 100%;
}

body {
  color: var(--review-text);
  background:
    radial-gradient(circle at top left, rgba(255, 103, 21, 0.12), transparent 24rem),
    linear-gradient(180deg, #fbfcfd 0%, var(--review-bg) 100%);
  font-family: var(--bs-body-font-family);
}

a {
  color: var(--review-primary);
}

.btn-primary {
  --bs-btn-bg: var(--review-primary);
  --bs-btn-border-color: var(--review-primary);
  --bs-btn-hover-bg: var(--review-primary-dark);
  --bs-btn-hover-border-color: var(--review-primary-dark);
  --bs-btn-active-bg: var(--review-primary-dark);
  --bs-btn-active-border-color: var(--review-primary-dark);
  --bs-btn-disabled-bg: var(--review-primary);
  --bs-btn-disabled-border-color: var(--review-primary);
  --bs-btn-color: var(--review-primary-on);
}

.btn-outline-primary {
  --bs-btn-color: var(--review-primary);
  --bs-btn-border-color: rgba(255, 103, 21, 0.4);
  --bs-btn-hover-bg: var(--review-primary);
  --bs-btn-hover-border-color: var(--review-primary);
  --bs-btn-hover-color: var(--review-primary-on);
}

.btn-outline-secondary {
  --bs-btn-color: var(--review-muted);
}

.form-control,
.form-select {
  border-color: var(--review-border);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: rgba(255, 103, 21, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(255, 103, 21, 0.16);
}

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

.badge.text-bg-primary {
  background-color: var(--review-primary) !important;
  color: var(--review-primary-on) !important;
}