:root {
  --fp-bg: #f5f3ee;
  --fp-surface: #ffffff;
  --fp-surface-muted: #fdfbf8;
  --fp-border: #d8d3c9;
  --fp-border-soft: #e7e2d8;
  --fp-text: #2d2924;
  --fp-muted: #6f675c;
  --fp-primary: #f47a1f;
  --fp-primary-hover: #d95f0d;
  --fp-success: #48735a;
  --fp-warning: #a86519;
  --fp-danger: #9a4f3f;
  --fp-shadow: 0 14px 34px rgba(28, 26, 24, 0.08);
  --bs-primary: #f47a1f;
  --bs-primary-rgb: 244, 122, 31;
  --bs-link-color: #c95d12;
  --bs-link-hover-color: #9f4308;
}

body[data-file-pipe-theme="loach"] {
  background: #f5f3ee;
  color: var(--fp-text);
  font-family: "Avenir Next", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

body[data-file-pipe-theme="loach"].app-body {
  background:
    radial-gradient(circle at 12% 0%, rgba(244, 122, 31, 0.09), transparent 27rem),
    linear-gradient(180deg, #fdfbf8 0, #f5f3ee 19rem);
}

body[data-file-pipe-theme="loach"] .app-header {
  background: rgba(28, 26, 24, 0.96);
  border-bottom-color: #4d473f;
  color: #f5f3ee;
}

body[data-file-pipe-theme="loach"] .app-header .text-secondary,
body[data-file-pipe-theme="loach"] .app-header .text-body-secondary {
  color: #cfc6b9 !important;
}

body[data-file-pipe-theme="loach"] .brand-mark {
  background: #2a2724;
  border-color: #594f45;
  border-radius: 0.65rem;
  color: #ff9c3a;
}

body[data-file-pipe-theme="loach"] .brand-lockup h1::after {
  color: #f47a1f;
  content: " · Loach Studio";
  font-size: 0.68em;
  font-weight: 600;
}

body[data-file-pipe-theme="loach"] .login-panel,
body[data-file-pipe-theme="loach"] .card,
body[data-file-pipe-theme="loach"] .modal-content,
body[data-file-pipe-theme="loach"] .qr-modal-dialog {
  border-color: #e7e2d8;
  border-radius: 0.95rem;
  box-shadow: var(--fp-shadow);
}

body[data-file-pipe-theme="loach"] .btn-primary {
  --bs-btn-bg: #f47a1f;
  --bs-btn-border-color: #f47a1f;
  --bs-btn-hover-bg: #d95f0d;
  --bs-btn-hover-border-color: #d95f0d;
  --bs-btn-active-bg: #bd4f09;
  --bs-btn-active-border-color: #bd4f09;
  --bs-btn-disabled-bg: #f2a46a;
  --bs-btn-disabled-border-color: #f2a46a;
}

body[data-file-pipe-theme="loach"] .btn-outline-primary {
  --bs-btn-color: #c95d12;
  --bs-btn-border-color: #e28848;
  --bs-btn-hover-bg: #f47a1f;
  --bs-btn-hover-border-color: #f47a1f;
  --bs-btn-active-bg: #d95f0d;
  --bs-btn-active-border-color: #d95f0d;
}

body[data-file-pipe-theme="loach"] .form-control:focus,
body[data-file-pipe-theme="loach"] .form-select:focus,
body[data-file-pipe-theme="loach"] .btn:focus-visible {
  border-color: #f3bb8d;
  box-shadow: 0 0 0 0.25rem rgba(244, 122, 31, 0.16);
}

body[data-file-pipe-theme="loach"] a {
  color: #c95d12;
}

body[data-file-pipe-theme="loach"] a:hover {
  color: #9f4308;
}