:root {
  /* Design system — local electrician (Trikala) */
  --color-navy: #102a43;
  --color-navy-dark: #0b1f33;
  --color-white: #ffffff;
  --color-grey: #f5f7fa;
  --color-grey-border: #d9e2ec;
  --color-yellow: #f7c948;
  --color-yellow-dark: #f5b400;
  --color-green: #2f855a;
  --color-red: #dc2626;

  --text-main: #1f2933;
  --text-muted: #52616b;
  --text-light: #ffffff;
  --text-on-dark-muted: #cbd5e1;

  --font-main: "Inter", "Manrope", "Noto Sans", "Roboto", Arial, sans-serif;

  /* Spacing scale — vertical rhythm */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  --container-width: 1180px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  --shadow-sm: 0 4px 14px rgba(16, 42, 67, 0.08);
  --shadow-md: 0 10px 30px rgba(16, 42, 67, 0.12);
  --shadow-card: 0 2px 4px rgba(16, 42, 67, 0.08);
  --shadow-header-scrolled: 0 4px 20px rgba(11, 31, 51, 0.12);

  --section-padding-desktop: var(--space-3xl);
  --section-padding-mobile: var(--space-2xl);

  --header-height: 72px;
  --z-header: 100;

  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
}