/*
 * Global app styles.
 * Loaded after DaisyUI so these variables override defaults.
 */

/* Stop horizontal overscroll from chaining to browser back/forward (trackpad / touch) */
html,
body {
  overscroll-behavior-x: none;
}

/* Wide tables / panels: contain horizontal overscroll so it doesn’t bubble to the viewport */
.overflow-x-auto {
  overscroll-behavior-x: contain;
}

/* murphystone – custom DaisyUI theme */
[data-theme="murphystone"] {
  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(93% 0 0);
  --color-base-300: oklch(86% 0 0);
  --color-base-content: oklch(22.389% 0.031 278.072);
  --color-primary: oklch(58% 0.158 241.966);
  --color-primary-content: oklch(100% 0 0);
  --color-secondary: oklch(55% 0.046 257.417);
  --color-secondary-content: oklch(100% 0 0);
  --color-accent: oklch(60% 0.118 184.704);
  --color-accent-content: oklch(100% 0 0);
  --color-neutral: oklch(0% 0 0);
  --color-neutral-content: oklch(100% 0 0);
  --color-info: oklch(60% 0.126 221.723);
  --color-info-content: oklch(100% 0 0);
  --color-success: oklch(62% 0.194 149.214);
  --color-success-content: oklch(100% 0 0);
  --color-warning: oklch(85% 0.199 91.936);
  --color-warning-content: oklch(0% 0 0);
  --color-error: oklch(70% 0.191 22.216);
  --color-error-content: oklch(0% 0 0);
  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.25rem;
  --size-selector: 0.3125rem;
  --size-field: 0.1875rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

/* Headers: Google font */
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
}

/* Button groups: default to centered (DaisyUI standard) */
.card-actions {
  justify-content: center;
}

/* Form submit rows: center when wrapper only contains submit button */
.form-control:has(> button[type="submit"]) {
  display: flex;
  justify-content: center;
}

/* Heroicons via Iconify: consistent size (matches Tailwind size-5) */
iconify-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  color: #000000;
}

/* SVG icons loaded as <img> (sidebar, tiles, editors) — monochrome black */
img[src*="/icons/"][src$=".svg"] {
  filter: brightness(0);
}