/*
Theme Name: Aquavlot Dienst
Theme URI: https://aquavlotdienst.be/
Author: Antigravity & Aquavlot
Author URI: https://aquavlotdienst.be/
Description: Professioneel, modern en ultra-snel WordPress thema voor Aquavlot Dienst. Geoptimaliseerd voor ontstoppingsdiensten, rioleringswerken en sanitair in Vlaanderen, gebaseerd op het Plumbr design systeem met focus op lokale SEO, snelheid en hoge conversie.
Version: 1.0.0
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: aquavlotdienst
*/

/* ==========================================================================
   CSS Variables & Design Tokens (Plumbr Design System)
   ========================================================================== */
:root {
  --color-primary: #0e2b5c;
  --color-primary-dark: #00173e;
  --color-primary-light: #163e80;
  --color-secondary: #2296f9;
  --color-secondary-hover: #0c7fe2;
  --color-secondary-light: #ebf5ff;
  --color-accent: #ff7a00;
  --color-accent-hover: #e56b00;
  --color-text-dark: #1e293b;
  --color-text-body: #475569;
  --color-text-muted: #64748b;
  --color-text-light: #94a3b8;
  --color-bg-white: #ffffff;
  --color-bg-light: #f8fafc;
  --color-bg-alt: #f1f5f9;
  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;
  --color-success: #10b981;
  --color-danger: #ef4444;

  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  --transition: all 0.25s ease-in-out;
  --container-width: 1240px;
}