@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@400;600;700;800&display=swap');

:root {
  --tk-primary: #000000;
  --tk-primary-light: #f4f1f1;
  --tk-secondary: #506250;
  --tk-secondary-light: #f1f4f1;
  --tk-accent: #16161d;
  --tk-bg: #faf9f9;
  --tk-bg-alt: #f3f6f3;
  --tk-bg-alt-2: #f8f6f6;
  --tk-text: #352727;
  --tk-text-light: #7c6a6a;
  --tk-heading: #251818;
  --tk-topbar-bg: #463939;
  --tk-topbar-text: #FFFFFF;
  --tk-footer-bg: #e0e0e0;
  --tk-footer-text: #506250;
  --tk-toc-bg: #e0e0e0;
  --tk-font-heading: 'Fredoka', sans-serif;
  --tk-font-body: 'Funnel Display', sans-serif;
  --tk-font-size-base: 16rem;
  --tk-font-size-h1: 3.0rem;
  --tk-font-size-h2: 2.2rem;
  --tk-line-height: 1.5rem;
  --tk-radius: 12px;
  --tk-radius-lg: 20px;
  --tk-container-text: 750px;
  --tk-container-wide: 1100px;
  --tk-primary-rgb: 0, 0, 0;
}

.btn-primary { background-color: #a7358b !important; border-color: #a7358b !important; opacity: 0.9; transition: opacity 0.2s ease, transform 0.2s ease; }
.btn-primary:hover, .btn-primary:focus { background-color: #a7358b !important; border-color: #a7358b !important; opacity: 1; }
.btn-outline-primary { color: #a7358b !important; border-color: #a7358b !important; opacity: 0.9; }
.btn-outline-primary:hover, .btn-outline-primary:focus { background-color: #a7358b !important; border-color: #a7358b !important; color: #fff !important; opacity: 1; }
.text-primary { color: #a7358b !important; }
.bg-primary { background-color: #a7358b !important; }

.btn-secondary { background-color: #8a7575 !important; border-color: #8a7575 !important; opacity: 0.9; transition: opacity 0.2s ease, transform 0.2s ease; }
.btn-secondary:hover, .btn-secondary:focus { background-color: #8a7575 !important; border-color: #8a7575 !important; opacity: 1; }
.btn-outline-secondary { color: #8a7575 !important; border-color: #8a7575 !important; opacity: 0.9; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus { background-color: #8a7575 !important; border-color: #8a7575 !important; color: #fff !important; opacity: 1; }
.text-secondary { color: #8a7575 !important; }

.btn-success { background-color: #2d864a !important; border-color: #2d864a !important; opacity: 0.9; transition: opacity 0.2s ease, transform 0.2s ease; }
.btn-success:hover, .btn-success:focus { background-color: #2d864a !important; border-color: #2d864a !important; opacity: 1; }
.btn-outline-success { color: #2d864a !important; border-color: #2d864a !important; opacity: 0.9; }
.btn-outline-success:hover, .btn-outline-success:focus { background-color: #2d864a !important; border-color: #2d864a !important; color: #fff !important; opacity: 1; }
.text-success { color: #2d864a !important; }

.btn-danger { background-color: #bd2828 !important; border-color: #bd2828 !important; opacity: 0.9; transition: opacity 0.2s ease, transform 0.2s ease; }
.btn-danger:hover, .btn-danger:focus { background-color: #bd2828 !important; border-color: #bd2828 !important; opacity: 1; }
.btn-outline-danger { color: #bd2828 !important; border-color: #bd2828 !important; opacity: 0.9; }
.btn-outline-danger:hover, .btn-outline-danger:focus { background-color: #bd2828 !important; border-color: #bd2828 !important; color: #fff !important; opacity: 1; }
.text-danger { color: #bd2828 !important; }

.btn-warning { background-color: #eca413 !important; border-color: #eca413 !important; opacity: 0.9; transition: opacity 0.2s ease, transform 0.2s ease; }
.btn-warning:hover, .btn-warning:focus { background-color: #eca413 !important; border-color: #eca413 !important; opacity: 1; }
.btn-outline-warning { color: #eca413 !important; border-color: #eca413 !important; opacity: 0.9; }
.btn-outline-warning:hover, .btn-outline-warning:focus { background-color: #eca413 !important; border-color: #eca413 !important; color: #fff !important; opacity: 1; }

.btn-info { background-color: #297aa3 !important; border-color: #297aa3 !important; opacity: 0.9; transition: opacity 0.2s ease, transform 0.2s ease; }
.btn-info:hover, .btn-info:focus { background-color: #297aa3 !important; border-color: #297aa3 !important; opacity: 1; }
.btn-outline-info { color: #297aa3 !important; border-color: #297aa3 !important; opacity: 0.9; }
.btn-outline-info:hover, .btn-outline-info:focus { background-color: #297aa3 !important; border-color: #297aa3 !important; color: #fff !important; opacity: 1; }

.sticky-cta { background-color: #a7358b; opacity: 0.9; }
.sticky-cta:hover { opacity: 1; }

.topbar { background-color: #463939 !important; }
.topbar, .topbar a, .topbar-link, .topbar-usp { color: #FFFFFF !important; }

.site-footer { background-color: #e0e0e0 !important; }
.footer-wave svg path { fill: #e0e0e0 !important; }
.toc-bg { background: #e0e0e0 !important; }
.site-footer, .footer-link, .footer-text-muted, .footer-bottom, .footer-bottom a { color: #506250 !important; }

.btn { border-radius: 8px !important; }

.btn { font-weight: 700 !important; }

.navbar-brand img { height: 24px; }

.navbar-nav .nav-link { font-size: 0.95rem; }

.navbar-nav .nav-link { font-weight: 600; }

.block { padding: 80px 0; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-weight: 600 !important; }

.wysiwyg a, .block-text-card a { color: #000000; }
a { color: #000000; }
.wysiwyg a:hover, .block-text-card a:hover { color: #506250; }
a:hover { color: #506250; }

.block-text-card { background: #ffffff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 32px; }