@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Figtree:wght@400;500;600&display=swap');

:root {
  --abbey-ink: #1C1917;
  --abbey-copper: #B87333;
  --abbey-copper-light: #C47A3D;
  --abbey-paper: #F4EFE6;
  --abbey-cream: #EDE6DC;
}

/* licht thema: paper i.p.v. grijs */
body, .fi-body { background-color: var(--abbey-paper) !important; font-family: Figtree, sans-serif; }
.fi-sidebar, .fi-topbar > nav { background-color: var(--abbey-cream) !important; }
.fi-main-ctn, .fi-page { background-color: var(--abbey-paper) !important; }

/* koppen in Syne */
.fi-header-heading, .fi-section-header-heading, .fi-modal-heading,
.fi-page h1, .fi-page h2 { font-family: Syne, sans-serif !important; font-weight: 700 !important; letter-spacing: -0.01em; color: var(--abbey-ink); }

/* kaarten en tabellen: warm wit, strakke rand, geen zware schaduw */
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-fo-repeater-item {
  background-color: #FBF8F2 !important;
  border: 1px solid rgba(28,25,23,.12) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.fi-ta-header-cell { text-transform: uppercase; letter-spacing: .06em; font-size: 11px; }

/* login-scherm */
.fi-simple-layout { background-color: var(--abbey-ink) !important; }
.fi-simple-main { background-color: var(--abbey-paper) !important; border-radius: 4px; box-shadow: 0 24px 60px rgba(0,0,0,.4) !important; }
.fi-logo { height: 3.2rem !important; }

/* sidebar actief item in copper */
.fi-sidebar-item-active .fi-sidebar-item-button { border-inline-start: 3px solid var(--abbey-copper); border-radius: 0 4px 4px 0; }

/* donker thema fixes */
.dark body, .dark .fi-body, .dark .fi-main-ctn, .dark .fi-page { background-color: #12100E !important; }
.dark .fi-sidebar, .dark .fi-topbar > nav { background-color: #1C1917 !important; }
.dark .fi-section, .dark .fi-ta-ctn, .dark .fi-wi-stats-overview-stat { background-color: #1C1917 !important; border-color: rgba(237,230,220,.12) !important; }
.dark .fi-header-heading, .dark .fi-page h1 { color: var(--abbey-cream); }

/* primaire knoppen: echt copper, geen fel oranje */
.fi-btn-color-primary { background-color: var(--abbey-copper) !important; color: #FBF8F2 !important; }
.fi-btn-color-primary:hover { background-color: #9C5F28 !important; }

/* copper-palet pinnen: Filament maakt het te fel/oranje */
:root, .fi-body {
  --primary-50: oklch(0.96 0.015 55);
  --primary-100: oklch(0.93 0.03 55);
  --primary-200: oklch(0.87 0.05 55);
  --primary-300: oklch(0.79 0.08 55);
  --primary-400: oklch(0.70 0.11 55);
  --primary-500: oklch(0.63 0.12 55);   /* ~#B87333 */
  --primary-600: oklch(0.56 0.115 55);
  --primary-700: oklch(0.48 0.10 55);
  --primary-800: oklch(0.41 0.085 55);
  --primary-900: oklch(0.35 0.07 55);
  --primary-950: oklch(0.26 0.05 55);
}