/* Theme tokens
   Change these variables to retheme the site without editing every template. */
:root {
    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --primary-font: var(--font-sans);
    --secondary-font: var(--font-sans);
    --secontary-font: var(--font-sans);
    --color-brand-primary: #8AA73D;
    --color-brand-primary-60: rgba(138, 167, 61, 0.6);
    --color-brand-primary-soft-border: rgba(138, 167, 61, 0.15);
    --color-brand-primary-faint-border: rgba(138, 167, 61, 0.12);
    --color-brand-primary-shadow: rgba(102, 113, 76, 0.2);
    --color-brand-primary-dark: #6E8A2F;
    --color-brand-primary-hover: #7a9635;
    --color-brand-secondary: #6F8830;
    --color-brand-callback: #46A758;
    --color-accent: #F37435;
    --color-accent-hover: #e0642a;
    --color-accent-alt: #F37335;
    --color-accent-deep: #d0561a;
    --color-app-button-hover: #d85d22;

    --color-text-primary: #171A14;
    --color-text-primary-overlay: rgba(23, 26, 20, 0.5);
    --color-text-heading: #212529;
    --color-text-secondary: #525A49;
    --color-text-muted: #98A18C;
    --color-text-placeholder: #A0AE93;
    --color-text-olive: #596052;
    --color-text-olive-muted: #697160;
    --color-text-disabled: #7A8171;
    --color-text-step: #6D7563;
    --color-text-green: #5E7F2C;
    --color-text-green-dark: #42651F;
    --color-text-dark-hover: #2E3329;
    --color-text-neutral-dark: #333;
    --color-text-neutral: #444;
    --color-error: #ef4444;
    --color-success: #22c55e;
    --color-success-soft: #dcfce7;

    --color-surface-page: #FAFAF8;
    --color-surface-hero-gradient: #FFF1BE;
    --color-surface-soft: #F4F8EA;
    --color-surface-muted: #F7F8F5;
    --color-surface-app: #F7FAF2;
    --color-surface-app-soft: #F3F7EA;
    --color-surface-app-line: #E8EEDC;
    --color-surface-disabled: #D9DED2;
    --color-surface-icon-soft: #EEF5DE;
    --color-surface-green: #E6EFD1;
    --color-surface-green-strong: #D1E2A8;
    --color-surface-service-soft: #eef2e6;
    --color-surface-service-green: #d7e8be;
    --color-surface-orange: #FFF1EA;
    --color-surface-orange-soft: #FFF1EC;
    --color-surface-neutral: #F3F4F5;
    --color-surface-white: #FFFFFF;
    --color-surface-light: #fcfcfc;
    --color-surface-form: #f9f9f9;
    --color-surface-whatsapp: #E5DDD5;
    --color-surface-whatsapp-dot: #b2a89f;

    --color-border: #DDE2D4;
    --color-border-soft: #EEF0E9;
    --color-border-video: #E8EDE0;
    --color-border-app: #DDE8C8;
    --color-border-orange: #FFC2A8;
    --color-border-subtle: #C8CFC0;
    --color-border-neutral: #e5e5e5;
    --color-border-light: #e8e8e8;
    --color-border-form: #f2f2f2;
    --color-border-medium: #ccc;
    --color-border-overlay: rgba(255, 255, 255, 0.2);
    --color-border-white-soft: rgba(255, 255, 255, 0.1);

    --color-card-title: #5F260F;
    --color-tag-blue: #ECF2FE;
    --color-tag-green: #DBFBEB;
    --color-tag-pink: #FEECFE;
    --color-tag-video: #FFE8F9;
    --color-tag-stat-blue: #1F4ED81A;
    --color-tag-stat-teal: #0068591A;
    --color-tag-stat-purple: #4D5B941A;

    --color-legacy-faq-accent: #ec691f;
    --color-legacy-faq-accent-05: rgba(236, 105, 31, 0.05);
    --color-legacy-faq-accent-10: rgba(236, 105, 31, 0.1);
    --color-legacy-faq-accent-12: rgba(236, 105, 31, 0.12);
    --color-legacy-faq-accent-20: rgba(236, 105, 31, 0.2);
    --color-legacy-muted: #555;
    --color-legacy-body: #666;
    --color-service-green: #6aaa3a;
    --color-service-blue: #4285f4;
    --color-service-purple: #7c5cbf;

    --color-top-ribbon: #3323C3;
    --color-top-gradient-1: #249F97;
    --color-top-gradient-2: #2EA35D;
    --color-top-gradient-3: #D4BF39;
    --color-nav-gradient-start: #31A05E;
    --color-nav-gradient-end: #CCBF38;
    --color-whatsapp-blue: #1F82EC;
    --color-whatsapp-blue-soft: #7a8c5a;
    --color-support-pink: #C72C74;
    --color-support-blue: #2A32BF;
    --color-shadow-soft: rgba(149, 157, 165, 0.2);
    --color-shadow-soft-hex: #959DA533;
    --color-shadow-black-04: rgba(0, 0, 0, 0.04);
    --color-shadow-black-05: rgba(23, 26, 20, 0.05);
    --color-shadow-black-07: rgba(23, 26, 20, 0.07);
    --color-shadow-black-08: rgba(0, 0, 0, 0.08);
    --color-shadow-black-10: rgba(0, 0, 0, 0.10);
    --color-shadow-black-14: rgba(82, 90, 73, 0.14);
    --color-shadow-black-15: rgba(0, 0, 0, 0.15);
    --color-shadow-faq-hover: rgba(0, 0, 0, 0.08);
    --color-shadow-nav: rgba(49, 160, 94, 0.22);
    --color-drop-shadow-dark: rgba(0, 0, 0, 0.32);
    --color-modal-backdrop: rgba(0, 0, 0, 0.5);
    --color-video-overlay: rgba(0, 0, 0, 0.45);
    --color-contact-line: rgba(25, 24, 24, 0.38);
    --color-form-muted: rgb(112 119 128 / 53%);
    --color-glass: rgba(255, 255, 255, 0.2);

    --color-footer-bg: #1e293b;
    --color-footer-muted: #94a3b8;
    --color-white: #ffffff;
    --color-black: #000000;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--font-sans);
}

html {
    scroll-behavior: smooth;
}