/*
 * LEIHKOSTENCHECK — COMPLETE COLOR SOURCE
 * Edit colors here. Theme CSS, WordPress presets and the companion widget
 * reference these variables. No build step is needed for color changes.
 * Palette documentation: COLOR-PALETTE.html / COLORS.md
 */
:root {
  /* Base palette */
  --color-primary: #205548;
  --color-primary-dark: #153f35;
  --color-accent: #dbea9a;
  --color-text: #202c28;
  --color-muted: #59675f;
  --color-background: #fafaf5;
  --color-surface: #ffffff;
  --color-border: #dfe4d9;
  --color-white: #ffffff;
  --color-soft: #edf1e6;
  --color-soft-green: #e1eadc;
  --color-ink-light: #bdcfc4;
  --color-ochre: #83542b;
  --color-warning-bg: #f9eedf;
  --color-error: #9d352d;
  --color-error-bg: #fff0ee;
  --color-focus: #a85127;
  --color-disabled-bg: #e5e8df;
  --color-disabled-text: #6b746c;
  /* Text, links, surfaces */
  --color-heading: var(--color-text);
  --color-body: var(--color-text);
  --color-link: var(--color-primary);
  --color-link-hover: var(--color-primary-dark);
  --color-page-bg: var(--color-background);
  --color-card-bg: var(--color-surface);
  --color-card-border: var(--color-border);
  --color-selection-bg: var(--color-accent);
  --color-selection-text: var(--color-primary-dark);
  /* Header and navigation */
  --color-header-bg: #fafaf5f5;
  --color-header-text: var(--color-text);
  --color-header-border: var(--color-border);
  --color-nav-hover-bg: var(--color-soft);
  --color-logo-bg: var(--color-primary);
  --color-logo-text: var(--color-white);
  /* Buttons, inputs, states */
  --color-button-bg: var(--color-primary);
  --color-button-text: var(--color-white);
  --color-button-hover-bg: var(--color-primary-dark);
  --color-button-secondary-bg: var(--color-surface);
  --color-button-secondary-text: var(--color-primary);
  --color-input-bg: var(--color-surface);
  --color-input-text: var(--color-text);
  --color-input-border: #b8c4b6;
  --color-input-placeholder: #68756b;
  --color-active-bg: var(--color-primary);
  --color-active-text: var(--color-white);
  /* Hero and editorial sections */
  --color-hero-bg: var(--color-background);
  --color-hero-heading-accent: var(--color-primary);
  --color-image-caption-bg: #173f35e8;
  --color-image-caption-text: var(--color-white);
  --color-image-tag-bg: var(--color-surface);
  --color-topic-sofa-bg: #e7ecd9;
  --color-topic-carpet-bg: #efe8dc;
  --color-topic-car-bg: #e1e9e7;
  --color-icon: var(--color-primary);
  --color-section-tint: #f0f3e9;
  /* Provider data and calculator */
  --color-table-header-bg: #f0f3e9;
  --color-table-row-bg: var(--color-surface);
  --color-table-row-hover: #f7f9f0;
  --color-source-link: var(--color-primary);
  --color-known-bg: #e8f0df;
  --color-known-text: #36552f;
  --color-unknown-bg: var(--color-warning-bg);
  --color-unknown-text: var(--color-ochre);
  --color-budget-bg: var(--color-primary-dark);
  --color-budget-text: var(--color-white);
  --color-budget-muted: #d6e4d9;
  --color-budget-accent: var(--color-accent);
  --color-budget-line: #477163;
  --color-progress-track: #466a5b;
  --color-progress-fill: var(--color-accent);
  /* Footer */
  --color-footer-bg: #183e34;
  --color-footer-heading: var(--color-white);
  --color-footer-text: #c9d8cd;
  --color-footer-link: #e9f0e8;
  --color-footer-link-hover: var(--color-accent);
  --color-footer-border: #416153;
  /* Overlays and shadows: color components remain centralized here */
  --color-overlay: #10251db8;
  --color-shadow: #172e2310;
  --color-shadow-strong: #172e2326;
  --color-shadow-hero: #183d351a;
  --color-transparent: transparent;
}