/*
Theme Name: Vraag wat jij kan doen
Theme URI: https://vraagwatjijkandoen.nl
Description: Een op maat gemaakt WordPress thema gebaseerd op het React + Tailwind ontwerp van de website.
Version: 1.0.0
Author: Antigravity
Author URI: https://gemini.google.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vraag-wat-jij-kan-doen
*/

/* Custom design variables matching React index.css */
:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-heading: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Playfair Display", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  
  --color-primary: #b91c3a;
  --color-primary-hover: #9a152e;
  --color-secondary: #ffd600;
  --color-secondary-hover: #e6c200;
  --color-bg-pink: #fdf2f2;
  --color-bg-dark: #2d2424;
  --color-text-dark: #2d2424;
  --color-blue-accent: #2E5F9E;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  color: var(--color-text-dark);
  background-color: #fafafa;
}

/* Ensure WordPress admin bar elements and defaults behave well with Tailwind */
.admin-bar .fixed {
  margin-top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .fixed {
    margin-top: 46px;
  }
}