/* Generated CSS for: woneninrotterdam.nl at 2026-01-16 14:02:04 */
/* Fonts */
/* Fonts voor woneninrotterdam.nl */

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/tenants/woneninrotterdam/fonts/_shared/Open Sans-Bold.woff2') format('woff2');
    src: local("Open Sans"),
         url('/tenants/woneninrotterdam/fonts/_shared/Open Sans-Bold.woff2') format('woff2');
}
@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url('/tenants/woneninrotterdam/fonts/_shared/Open Sans-Italic.woff2') format('woff2');
    src: local("Open Sans"),
         url('/tenants/woneninrotterdam/fonts/_shared/Open Sans-Italic.woff2') format('woff2');
}
@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/tenants/woneninrotterdam/fonts/_shared/Open Sans-Regular.woff2') format('woff2');
    src: local("Open Sans"),
         url('/tenants/woneninrotterdam/fonts/_shared/Open Sans-Regular.woff2') format('woff2');
}
@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('/tenants/woneninrotterdam/fonts/_shared/Open Sans-Semibold.woff2') format('woff2');
    src: local("Open Sans"),
         url('/tenants/woneninrotterdam/fonts/_shared/Open Sans-Semibold.woff2') format('woff2');
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/tenants/woneninrotterdam/fonts/_shared/Source Sans Pro-Bold.woff2') format('woff2');
    src: local("Source Sans Pro"),
         url('/tenants/woneninrotterdam/fonts/_shared/Source Sans Pro-Bold.woff2') format('woff2');
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/tenants/woneninrotterdam/fonts/_shared/Source Sans Pro-Regular.woff2') format('woff2');
    src: local("Source Sans Pro"),
         url('/tenants/woneninrotterdam/fonts/_shared/Source Sans Pro-Regular.woff2') format('woff2');
}

:root {
  --brand-primary: #00811f;
  --brand-color: var(--brand-primary);
  --brand-primary-rgb: 0,129,31;
  --brand-secondary: #1A1919;
  --brand-secondary-rgb: 26,25,25;
  --brand-background: #f8f9fa;
  --brand-header-bg: #ffffff;
  --brand-header-fg: #000;
  --brand-footer-bg: #f8f9fa;
  --brand-footer-fg: #000;
  --brand-font-body: "Source Sans Pro", Arial, Helvetica, sans-serif;
  --brand-font-headings: "Source Sans Pro", Arial, Helvetica, sans-serif;
  --brand-btn-radius: 0.375rem;

  --bs-primary: #00811f;
  --bs-primary-rgb: 0,129,31;
  --bs-secondary: #1A1919;
  --bs-secondary-rgb: 26,25,25;
  --bs-body-bg: #f8f9fa;
  --bs-body-font-family: var(--brand-font-body);
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-secondary);
}

/* Typography */
body { font-family: var(--brand-font-body); background: var(--brand-background); }
h1, h2, h3, h4, h5, h6 { font-family: var(--brand-font-headings); }

/* Links */
a { color: var(--brand-primary); }
a:hover, a:focus { color: var(--brand-secondary); }

/* Buttons */
.btn { border-radius: var(--brand-btn-radius); }
.btn-primary {
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--brand-secondary);
  --bs-btn-hover-border-color: var(--brand-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--brand-secondary);
  --bs-btn-active-border-color: var(--brand-secondary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}

/* Form controls */
.form-control:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 .25rem rgba(var(--brand-primary-rgb), .25); }
.form-check-input:checked { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.form-check-input:focus { box-shadow: 0 0 0 .25rem rgba(var(--brand-primary-rgb), .25); }

/* Dark mode */
@media (prefers-color-scheme: dark) {
  :root {
    --brand-background: #1a1a1a;
    --bs-body-bg: #1a1a1a;
    --bs-body-color: #e0e0e0;
  }
  body { color: var(--bs-body-color); }
  .card, .modal-content { background-color: #2a2a2a; border-color: #444; }
  .form-control, .form-select { background-color: #2a2a2a; border-color: #444; color: #e0e0e0; }
}

/* Custom rules */
:root { --brand-btn-radius: 0; }