/* Theme overrides based on provided palette */
:root {
  --ll-primary: #A67A44;
  --ll-primary-hover: rgba(166, 122, 68, 0.85);
  --ll-primary-active: rgba(166, 122, 68, 0.70);
  --ll-info: #7D91A5;
  --ll-success: #4A7B62;
  --ll-warning: #D1A24A;
  --ll-error: #A64242;
  --ll-white: #FFFFFF;
  --ll-black: #3D3D3D;
  --ll-gray: #d9d9d9;
  --font-base: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-size: 20px;
}

html, body { font-size: var(--font-size); font-family: var(--font-base); color: var(--ll-black); }

/* App-wide background image */
body {
  background-color: #fafafa; /* fallback */
  background-image: url('/images/empty-back.jpeg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  min-height: 100vh;
}

.navbar-brand img { height: 40px; margin-right: 12px; }

/* Centered title with logo on the left */
.navbar .navbar-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--ll-white);
  font-weight: 600;
  white-space: nowrap;
}

/* Primary buttons/colors */
.btn-primary { background-color: var(--ll-primary); border-color: var(--ll-primary); }
.btn-primary:hover { background-color: var(--ll-primary-hover); border-color: var(--ll-primary-hover); }
.btn-primary:active, .btn-primary:focus { background-color: var(--ll-primary-active) !important; border-color: var(--ll-primary-active) !important; }

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

.alert-info { color: #fff; background-color: var(--ll-info); border-color: var(--ll-info); }
.alert-success { color: #fff; background-color: var(--ll-success); border-color: var(--ll-success); }
.alert-warning { color: #fff; background-color: var(--ll-warning); border-color: var(--ll-warning); }
.alert-danger { color: #fff; background-color: var(--ll-error); border-color: var(--ll-error); }

.form-control:focus { border-color: var(--ll-primary); box-shadow: 0 0 0 .2rem rgba(166, 122, 68, .25); }

.ll-card { border: 1px solid var(--ll-gray); border-radius: .75rem; box-shadow: 0 6px 20px rgba(0,0,0,.05); }
.ll-header { color: var(--ll-black); }

/* Links */
a { color: var(--ll-primary); }
a:hover { color: var(--ll-primary-hover); }

/* Consistent spacing between adjacent buttons in the same row */
.btn + .btn { margin-left: 0.75rem; }