/**
 * Seminarhof Drawehn brand theme — global CSS variables + font import.
 *
 * Source palette extracted from seminarhof-drawehn.de Elementor kit:
 *   --brand-plum (secondary), --brand-gold (accent), --brand-text, --brand-bg.
 * Mantine theme (theme.ts) consumes the same hex codes via createTheme.
 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap');

:root {
  --brand-plum: #88557f;
  --brand-plum-dark: #4e3149;
  --brand-pink: #e9c8e3;
  --brand-gold: #ffce00;
  --brand-gold-soft: #fee162;
  --brand-peach: #ffbc7d;
  --brand-text: #181818;
  --brand-muted: #989499;
  --brand-bg: #f5f5f5;
}

html,
body {
  background: var(--brand-bg);
  color: var(--brand-text);
  font-family: 'Open Sans', system-ui, sans-serif;
}

/* AppShell sidebar NavLink — brand-aligned resting / hover / active states.
   Active rows get a 3 px inset plum bar plus a soft plum 14% wash. */
.mantine-NavLink-root {
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--brand-text);
  position: relative;
  transition: background-color 120ms ease, color 120ms ease;
}

.mantine-NavLink-root:hover {
  background-color: rgba(136, 85, 127, 0.08);
}

.mantine-NavLink-root[data-active] {
  background-color: rgba(136, 85, 127, 0.14);
  color: var(--brand-plum-dark);
  font-weight: 600;
}

.mantine-NavLink-root[data-active]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 2px;
  background: var(--brand-plum);
}

.mantine-NavLink-label {
  font-size: 14px;
  letter-spacing: 0.005em;
}

/* Dashboard action/upcoming rows — subtle hover affordance. */
.dash-row {
  transition: background-color 120ms ease;
}
.dash-row:hover {
  background-color: rgba(136, 85, 127, 0.08);
}