:root {
    /* Base surfaces */
    --color-bg: #f7f6f2;
    --color-surface: #f9f8f5;
    --color-surface-2: #ffffff;
    --color-surface-muted: #f3f4f6;

    /* Borders */
    --color-border: rgba(15, 23, 42, 0.08);
    --color-border-strong: rgba(15, 23, 42, 0.12);

    /* Text */
    --color-text: #111827;
    --color-text-muted: #6b7280;
    --color-text-faint: #9ca3af;
    --color-text-inverse: #ffffff;

    /* Brand */
    --color-primary: #01696f;
    --color-primary-hover: #0c4e54;
    --color-primary-active: #0f3638;
    --color-primary-soft: rgba(1, 105, 111, 0.10);

    /* State */
    --color-success: #437a22;
    --color-warning: #964219;
    --color-error: #a12c7b;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.12);

    /* Shared section aliases */
    --section-light-bg: var(--color-bg);
    --section-light-text: var(--color-text);
    --section-card-bg: var(--color-surface);
    --section-card-bg-strong: var(--color-surface-2);
    --section-card-border: var(--color-border);
    --section-card-border-hover: var(--color-border-strong);
    --section-heading-color: var(--color-text);
    --section-body-color: var(--color-text-muted);
    --section-accent: var(--color-primary);
    --section-accent-soft: var(--color-primary-soft);

    /* Hero */
    --hero-section-bg: var(--color-bg);
    --hero-section-text: var(--color-text);
    --hero-badge-bg: var(--color-surface);
    --hero-badge-border: var(--color-border);
    --hero-badge-text: var(--color-text);
    --hero-title-color: var(--color-text);
    --hero-subtitle-color: var(--color-text-muted);
    --hero-trust-color: var(--color-text-muted);
    --hero-trust-dot: var(--color-primary);
    --hero-stat-bg: var(--color-surface-2);
    --hero-stat-border: var(--color-border);
    --hero-stat-value: var(--color-primary);
    --hero-stat-label: var(--color-text-muted);
    --hero-panel-bg: var(--color-surface-2);
    --hero-panel-border: var(--color-border);
    --hero-panel-title: var(--color-text);
    --hero-panel-text: var(--color-text-muted);
    --hero-panel-status-bg: var(--color-primary-soft);
    --hero-panel-status-text: var(--color-primary);
    --hero-panel-bullet: var(--color-primary);

    /* Process */
    --process-section-bg: var(--color-bg);
    --process-section-text: var(--color-text);
    --process-title-color: var(--color-text);
    --process-subtitle-color: var(--color-text-muted);
    --process-card-bg: var(--color-surface);
    --process-card-border: var(--color-border);
    --process-card-border-hover: var(--color-border-strong);
    --process-step-number-bg: var(--color-primary-soft);
    --process-step-number-text: var(--color-primary);
    --process-step-title-color: var(--color-text);
    --process-step-text-color: var(--color-text-muted);

    /* Buttons */
    --btn-primary-bg: var(--color-primary);
    --btn-primary-color: var(--color-text-inverse);
    --btn-primary-border: var(--color-primary);
    --btn-primary-bg-hover: var(--color-primary-hover);
    --btn-primary-color-hover: var(--color-text-inverse);
    --btn-primary-border-hover: var(--color-primary-hover);
    --btn-primary-bg-active: var(--color-primary-active);
    --btn-primary-color-active: var(--color-text-inverse);
    --btn-primary-border-active: var(--color-primary-active);
    --btn-primary-shadow: 0 10px 24px rgba(1, 105, 111, 0.18);

    --btn-secondary-bg: rgba(255, 255, 255, 0.72);
    --btn-secondary-color: var(--color-text);
    --btn-secondary-border: var(--color-border);
    --btn-secondary-bg-hover: #ffffff;
    --btn-secondary-color-hover: var(--color-text);
    --btn-secondary-border-hover: var(--color-border-strong);
    --btn-secondary-bg-active: #ffffff;
    --btn-secondary-color-active: var(--color-text);
    --btn-secondary-border-active: var(--color-border-strong);
    --btn-secondary-shadow: none;

    --btn-telegram-bg: rgba(255, 255, 255, 0.72);
    --btn-telegram-color: var(--color-text);
    --btn-telegram-border: var(--color-border);
    --btn-telegram-bg-hover: #ffffff;
    --btn-telegram-color-hover: var(--color-text);
    --btn-telegram-border-hover: var(--color-border-strong);
    --btn-telegram-bg-active: #ffffff;
    --btn-telegram-color-active: var(--color-text);
    --btn-telegram-border-active: var(--color-border-strong);
    --btn-telegram-shadow: none;

    /* Lead form */
    --form-section-bg: var(--color-bg);
    --form-section-text: var(--color-text);
    --form-card-bg: var(--color-surface-2);
    --form-card-border: var(--color-border);
    --form-title-color: var(--color-text);
    --form-subtitle-color: var(--color-text-muted);
    --form-label-color: var(--color-text);
    --form-input-bg: #ffffff;
    --form-input-border: var(--color-border);
    --form-input-border-hover: var(--color-border-strong);
    --form-input-border-focus: var(--color-primary);
    --form-input-text: var(--color-text);
    --form-input-placeholder: var(--color-text-faint);
    --form-help-color: var(--color-text-muted);
    --form-link-color: var(--color-primary);
    --form-link-color-hover: var(--color-primary-hover);
    --form-success-color: var(--color-success);
    --form-error-color: var(--color-error);

    /* FAQ */
    --faq-bg: var(--faq-section-bg);
    --faq-text-color: var(--faq-section-text);
    --faq-title-color: var(--faq-title-color);


    --faq-item-bg: var(--color-surface-2);
    --faq-item-border: var(--color-border);
    --faq-item-border-hover: var(--color-border-strong);
    --faq-item-border-active: rgba(1, 105, 111, 0.18);

    --faq-item-shadow: var(--shadow-sm);
    --faq-item-shadow-hover: var(--shadow-md);
    --faq-item-shadow-active: var(--shadow-md);

    --faq-question-color: var(--color-text);
    --faq-answer-color: var(--color-text-muted);
    --faq-answer-border-color: rgba(15, 23, 42, 0.08);

    --faq-toggle-bg: var(--color-primary-soft);
    --faq-toggle-border: transparent;
    --faq-toggle-line-color: var(--color-primary);

    /* Benefits / cards */
    --benefits-section-bg: var(--color-bg);
    --benefits-card-bg: var(--color-surface);
    --benefits-card-border: var(--color-border);
    --benefits-card-border-hover: var(--color-border-strong);
    --benefits-card-title: var(--color-text);
    --benefits-card-text: var(--color-text-muted);
    --benefits-icon-bg: var(--color-primary-soft);
    --benefits-icon-color: var(--color-primary);

    /* Contacts */
    --contacts-section-bg: var(--color-bg);
    --contacts-card-bg: var(--color-surface-2);
    --contacts-card-border: var(--color-border);
    --contacts-title-color: var(--color-text);
    --contacts-text-color: var(--color-text-muted);
    --contacts-icon-bg: var(--color-primary-soft);
    --contacts-icon-color: var(--color-primary);
    --contacts-link-color: var(--color-text);
    --contacts-link-hover: var(--color-primary);

    /* Comparison */
    --comparison-bg: var(--color-bg);
    --comparison-text-color: var(--color-text);
    --comparison-title-color: var(--color-text);

    --comparison-row-bg: var(--color-surface-2);
    --comparison-row-border: var(--color-border);
    --comparison-row-shadow: var(--shadow-sm);

    --comparison-header-row-bg: var(--color-surface);
    --comparison-header-row-border: var(--color-border);
    --comparison-header-cell-color: var(--color-text);

    --comparison-cell-color: var(--color-text-muted);
    --comparison-cell-border: var(--color-border);

    --comparison-feature-bg: var(--color-surface);
    --comparison-feature-cell-color: var(--color-text);

    --comparison-company-head-color: var(--color-primary);
    --comparison-other-head-color: var(--color-text-muted);

    --comparison-advantage-bg: rgba(67, 122, 34, 0.08);
    --comparison-advantage-color: var(--color-text);
    --comparison-advantage-icon-bg: rgba(67, 122, 34, 0.14);
    --comparison-advantage-icon-color: var(--color-success);

    --comparison-disadvantage-bg: rgba(161, 44, 123, 0.05);
    --comparison-disadvantage-color: var(--color-text);
    --comparison-disadvantage-icon-bg: rgba(161, 44, 123, 0.10);
    --comparison-disadvantage-icon-color: var(--color-error);

    --comparison-mobile-label-color: var(--color-text-muted);
    --comparison-mobile-advantage-label-color: var(--color-primary);
    --comparison-mobile-disadvantage-label-color: var(--color-text-muted);
    --comparison-mobile-feature-bg: var(--color-surface);

    /* Countdown / promo */
    --countdown-section-bg: var(--color-surface);
    --countdown-card-bg: var(--color-surface-2);
    --countdown-card-border: var(--color-border);
    --countdown-title-color: var(--color-text);
    --countdown-text-color: var(--color-text-muted);
    --countdown-timer-bg: var(--color-primary-soft);
    --countdown-timer-text: var(--color-primary);

    --guarantees-bg: var(--color-bg);
    --guarantees-text-color: var(--color-text);
    --guarantees-title-color: var(--color-text);

    --guarantees-card-bg: var(--color-surface-2);
    --guarantees-card-border: var(--color-border);
    --guarantees-card-border-hover: var(--color-border-strong);
    --guarantees-card-shadow: var(--shadow-sm);
    --guarantees-card-shadow-hover: var(--shadow-md);

    --guarantees-icon-bg: var(--color-primary-soft);
    --guarantees-icon-border: transparent;
    --guarantees-icon-color: var(--color-primary);
    --guarantees-icon-shadow: none;

    --guarantees-card-title-color: var(--color-text);
    --guarantees-card-text-color: var(--color-text-muted);

    /* Section eyebrow */
    --section-eyebrow-bg: var(--color-primary-soft);
    --section-eyebrow-border: rgba(1, 105, 111, 0.14);
    --section-eyebrow-color: var(--color-primary);

    /* Cities */
    --cities-pill-bg: var(--color-surface-2);
    --cities-pill-border: rgba(15, 23, 42, 0.10);
    --cities-pill-text: var(--color-text);
    --cities-pill-note: var(--color-text-muted);
    --cities-pill-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);

    --cities-pill-bg-hover: #ffffff;
    --cities-pill-border-hover: rgba(1, 105, 111, 0.22);
    --cities-pill-text-hover: var(--color-text);
    --cities-pill-shadow-hover: 0 8px 20px rgba(15, 23, 42, 0.08);


    /* Footer */
    --footer-bg: var(--color-surface);
    --footer-border: var(--color-border);
    --footer-text: var(--color-text);
    --footer-heading: var(--color-text);
    --footer-heading-muted: var(--color-text);
    --footer-text-muted: var(--color-text-muted);
    --footer-link-hover: var(--color-primary);

    --footer-lang-bg: var(--color-surface-2);
    --footer-lang-border: var(--color-border);
    --footer-lang-text: var(--color-text-muted);
    --footer-lang-bg-hover: var(--color-primary-highlight);
    --footer-lang-border-hover: var(--color-primary-highlight);
    --footer-lang-text-hover: var(--color-primary);

    --footer-warning-bg: var(--color-surface-2);
    --footer-warning-border: var(--color-border);
    --footer-warning-text: var(--color-text-muted);

    --footer-divider: var(--color-border);
    --footer-copyright-text: var(--color-text-faint);
}