:root {
	--darbin-navy: #07152f;
	--darbin-deep-navy: #040e20;
	--darbin-cyan: #35c7e8;
	--darbin-lime: #a8d42b;
	--darbin-white: #ffffff;
	--darbin-off-white: #f7f9fa;
	--darbin-mist: #eef4f6;
	--darbin-pale-blue: #e8f3f7;
	--darbin-text-dark: #07152f;
	--darbin-text-muted: #465a70;
	--darbin-border-soft: #d7e2e7;
	--darbin-error: #c73c3c;
	--darbin-success: #2c8b57;

	--darbin-surface-page: var(--darbin-off-white);
	--darbin-surface-primary: var(--darbin-white);
	--darbin-surface-secondary: var(--darbin-mist);
	--darbin-surface-inverse: var(--darbin-navy);
	--darbin-surface-accent: var(--darbin-pale-blue);

	--darbin-color-text: var(--darbin-text-dark);
	--darbin-color-text-muted: var(--darbin-text-muted);
	--darbin-color-text-inverse: var(--darbin-white);
	--darbin-color-link: #086b83;
	--darbin-color-focus: var(--darbin-cyan);
	--darbin-header-text-soft: #c5d3de;

	--darbin-border-color: var(--darbin-border-soft);
	--darbin-border-color-strong: #9db0ba;
	--darbin-border-width: 1px;

	--darbin-shadow-none: none;
	--darbin-shadow-soft: 0 8px 24px rgba(7, 21, 47, 0.08);
	--darbin-shadow-medium: 0 12px 32px rgba(7, 21, 47, 0.14);

	--darbin-radius-none: 0;
	--darbin-radius-sm: 0.25rem;
	--darbin-radius-md: 0.375rem;
	--darbin-radius-lg: 0.5rem;
	--darbin-radius-pill: 999px;

	--darbin-container-narrow: 48rem;
	--darbin-container-default: 78rem;
	--darbin-container-wide: 90rem;
	--darbin-container-padding: 1.25rem;
	--darbin-section-space-major: 6.5rem;
	--darbin-section-space-compact: 5rem;
	--darbin-card-gap: 1.75rem;

	--darbin-space-0: 0;
	--darbin-space-1: 0.25rem;
	--darbin-space-2: 0.5rem;
	--darbin-space-3: 0.75rem;
	--darbin-space-4: 1rem;
	--darbin-space-5: 1.25rem;
	--darbin-space-6: 1.5rem;
	--darbin-space-8: 2rem;
	--darbin-space-10: 2.5rem;
	--darbin-space-12: 3rem;
	--darbin-space-16: 4rem;
	--darbin-space-20: 5rem;
	--darbin-space-24: 6rem;

	--darbin-font-size-xs: 0.75rem;
	--darbin-font-size-sm: 0.875rem;
	--darbin-font-size-base: 1rem;
	--darbin-font-size-md: 1.125rem;
	--darbin-font-size-lg: 1.25rem;
	--darbin-font-size-xl: 1.5rem;
	--darbin-font-size-2xl: 2rem;
	--darbin-font-size-3xl: 2.5rem;
	--darbin-font-size-4xl: 3rem;
	--darbin-type-display: 4rem;
	--darbin-type-section-large: 3.25rem;
	--darbin-type-section: 2.75rem;
	--darbin-type-subsection: 1.75rem;
	--darbin-type-card: 1.5rem;
	--darbin-type-introduction: 1.25rem;
	--darbin-type-body: 1.0625rem;
	--darbin-type-body-ar: 1.0625rem;
	--darbin-type-supporting: 0.9375rem;
	--darbin-type-eyebrow: 0.8125rem;
	--darbin-type-technical: 0.8125rem;
	--darbin-type-button: 1rem;
	--darbin-type-form-label: 0.9375rem;
	--darbin-type-form-input: 1rem;
	--darbin-type-navigation: 0.9375rem;
	--darbin-type-footer-heading: 0.8125rem;
	--darbin-type-footer-link: 0.9375rem;

	--darbin-line-height-tight: 1.2;
	--darbin-line-height-heading: 1.3;
	--darbin-line-height-body: 1.65;
	--darbin-line-height-arabic: 1.8;

	--darbin-font-weight-regular: 400;
	--darbin-font-weight-medium: 500;
	--darbin-font-weight-semibold: 600;
	--darbin-font-weight-bold: 700;

	--font-en: "IBM Plex Sans", Inter, Arial, sans-serif;
	--font-ar: Alexandria, "Noto Kufi Arabic", Tahoma, Arial, sans-serif;
	--font-mono: "IBM Plex Mono", Consolas, monospace;

	--darbin-header-height: 4.5rem;
	--darbin-header-height-mobile: 4.125rem;
	--darbin-admin-bar-offset: 0px;
	--darbin-z-base: 1;
	--darbin-z-header: 700;
	--darbin-z-overlay: 600;
	--darbin-z-modal: 1000;
	--darbin-transition-fast: 120ms;
	--darbin-transition-base: 200ms;
	--darbin-transition-slow: 320ms;

	--hero-bg: var(--darbin-navy);
	--hero-bg-secondary: var(--darbin-deep-navy);
	--hero-text: var(--darbin-white);
	--hero-muted: #c5d3de;
	--hero-accent: var(--darbin-cyan);
	--hero-accent-secondary: var(--darbin-lime);
	--hero-content-width: var(--darbin-container-default);
	--hero-title-size: 4rem;
	--hero-description-size: 1.1875rem;
	--hero-padding-top: 4.25rem;
	--hero-padding-bottom: 5rem;
	--hero-column-gap: 4rem;
	--hero-visual-bg: #091b38;
	--hero-visual-border: #24435d;
	--hero-visual-radius: 0.5rem;
	--hero-visual-shadow: none;
	--hero-overlay-strength: 0.18;

	--positioning-bg: #f7f9fa;
	--positioning-secondary-bg: #e8f3f7;
	--positioning-secondary-width: 46%;
	--positioning-text: var(--darbin-text-dark);
	--positioning-muted: #334b63;
	--positioning-accent: var(--darbin-cyan);
	--positioning-secondary-accent: var(--darbin-lime);
	--positioning-timeline: var(--darbin-cyan);
	--positioning-divider: #c4ced6;
	--positioning-content-width: var(--darbin-container-default);
	--positioning-statement-track: 45fr;
	--positioning-details-track: 51fr;
	--positioning-eyebrow-size: 0.8125rem;
	--positioning-statement-size: 3.375rem;
	--positioning-description-size: 1.125rem;
	--positioning-stage-title-size: 1.3125rem;
	--positioning-stage-description-size: 1rem;
	--positioning-result-size: 0.8125rem;
	--positioning-summary-size: 0.8125rem;
	--positioning-capability-size: 0.8125rem;
	--positioning-statement-line-height: 1.1;
	--positioning-description-line-height: 1.68;
	--positioning-statement-weight: 700;
	--positioning-stage-title-weight: 700;
	--positioning-padding-top: 6rem;
	--positioning-padding-bottom: 5.5rem;
	--positioning-column-gap: 4.5rem;
	--positioning-content-gap: 1.375rem;
	--positioning-stage-padding: 1.5rem;
	--positioning-rail-gap: 1rem;
	--positioning-motion-distance: 34px;
	--positioning-motion-duration: 730ms;
	--positioning-motion-stagger: 135ms;
	--positioning-motion-distance-mobile: 24px;
	--positioning-motion-duration-mobile: 620ms;
	--positioning-stage-motion-distance: 28px;
	--positioning-motion-distance-en: 44px;
	--positioning-motion-duration-en: 780ms;
	--positioning-motion-distance-en-mobile: 26px;
	--positioning-motion-duration-en-mobile: 650ms;
	--positioning-stage-motion-distance-en: 36px;
	--positioning-stage-motion-inline-en: 16px;
	--positioning-stage-motion-inline-en-mobile: 10px;
	--positioning-timeline-duration: 1095ms;
	--positioning-marker-duration: 380ms;

	--services-bg: #071a33;
	--services-bg-secondary: #0b2340;
	--services-text: #f8fbff;
	--services-muted: #b4c3d3;
	--services-accent: var(--darbin-cyan);
	--services-accent-secondary: var(--darbin-lime);
	--services-nav-bg: #071a33;
	--services-nav-active-bg: #0b2948;
	--services-nav-border: #29435f;
	--services-detail-bg: #09203a;
	--services-detail-border: #29435f;
	--services-divider: #29435f;
	--services-content-width: var(--darbin-container-default);
	--services-nav-track: 36fr;
	--services-detail-track: 62fr;
	--services-eyebrow-size: 0.8125rem;
	--services-title-size: 4.25rem;
	--services-description-size: 1.0625rem;
	--services-service-title-size: 2.5rem;
	--services-nav-title-size: 1rem;
	--services-number-size: 1.75rem;
	--services-number-size-mobile: 1.25rem;
	--services-active-number-size: 2.125rem;
	--services-category-size: 0.6875rem;
	--services-detail-description-size: 1rem;
	--services-best-for-size: 0.9375rem;
	--services-deliverable-size: 0.875rem;
	--services-button-size: 0.875rem;
	--services-title-line-height: 1.08;
	--services-description-line-height: 1.7;
	--services-title-weight: 700;
	--services-service-title-weight: 700;
	--services-padding-top: 5.75rem;
	--services-padding-bottom: 6rem;
	--services-header-gap: 1.25rem;
	--services-layout-gap: 3rem;
	--services-nav-item-padding: 1rem;
	--services-nav-item-gap: 0.75rem;
	--services-detail-padding: 2.5rem;
	--services-detail-content-gap: 1.375rem;
	--services-deliverables-gap: 0.75rem;
	--services-button-gap: 0.75rem;
	--services-accordion-item-gap: 0.625rem;
	--services-accordion-panel-padding: 1.25rem;
	--services-transition-duration: 320ms;
	--services-reveal-distance: 34px;
	--services-reveal-duration: 720ms;
	--services-reveal-stagger: 120ms;
	--services-accordion-duration: 380ms;

	--process-bg: #f6f9fa;
	--process-secondary-bg: #eaf4f7;
	--process-text: #071a33;
	--process-muted: #536779;
	--process-accent: #16afd0;
	--process-completed: #91b923;
	--process-divider: #cbd9df;
	--process-rail: #b9cbd3;
	--process-active-marker: #16afd0;
	--process-detail-bg: #edf5f7;
	--process-content-width: var(--darbin-container-default);
	--process-eyebrow-size: 0.8125rem;
	--process-title-size: 3.5rem;
	--process-description-size: 1.125rem;
	--process-rail-number-size: 2rem;
	--process-rail-title-size: 1rem;
	--process-rail-label-size: 0.75rem;
	--process-detail-title-size: 2.5rem;
	--process-detail-description-size: 1.0625rem;
	--process-group-title-size: 0.75rem;
	--process-list-item-size: 0.9375rem;
	--process-outcome-title-size: 1.5rem;
	--process-button-size: 0.875rem;
	--process-title-line-height: 1.1;
	--process-description-line-height: 1.68;
	--process-title-weight: 700;
	--process-stage-title-weight: 700;
	--process-padding-top: 6rem;
	--process-padding-bottom: 5.75rem;
	--process-header-gap: 4rem;
	--process-rail-margin-top: 3.5rem;
	--process-rail-gap: 1.125rem;
	--process-detail-margin-top: 2.5rem;
	--process-detail-padding: 2.25rem;
	--process-detail-column-gap: 2.75rem;
	--process-list-gap: 0.625rem;
	--process-accordion-item-gap: 0.5rem;
	--process-accordion-panel-padding: 1.5rem;
	--process-outcome-margin-top: 2.375rem;
	--process-outcome-padding: 1.5rem;
	--process-transition-duration: 320ms;
	--process-reveal-distance: 32px;
	--process-reveal-duration: 720ms;
	--process-reveal-stagger: 115ms;
	--process-accordion-duration: 380ms;

	--use-cases-bg: #e8f3f7;
	--use-cases-secondary-bg: #f7fbfc;
	--use-cases-text: #071a33;
	--use-cases-muted: #526a7a;
	--use-cases-accent: #16afd0;
	--use-cases-accent-secondary: #91b923;
	--use-cases-selector-bg: #e8f3f7;
	--use-cases-selector-active-bg: #0b2948;
	--use-cases-selector-border: #bdd3dc;
	--use-cases-recommendation-bg: #ffffff;
	--use-cases-recommendation-border: #c7dce4;
	--use-cases-divider: #bdd3dc;
	--use-cases-content-width: var(--darbin-container-default);
	--use-cases-selector-track: 34fr;
	--use-cases-recommendation-track: 64fr;
	--use-cases-eyebrow-size: 0.8125rem;
	--use-cases-title-size: 3.375rem;
	--use-cases-description-size: 1.125rem;
	--use-cases-choice-number-size: 1.375rem;
	--use-cases-choice-title-size: 1rem;
	--use-cases-choice-label-size: 0.6875rem;
	--use-cases-recommendation-title-size: 2.25rem;
	--use-cases-recommendation-description-size: 1.0625rem;
	--use-cases-group-label-size: 0.6875rem;
	--use-cases-component-size: 0.875rem;
	--use-cases-related-service-size: 0.8125rem;
	--use-cases-button-size: 0.875rem;
	--use-cases-title-line-height: 1.1;
	--use-cases-description-line-height: 1.68;
	--use-cases-title-weight: 700;
	--use-cases-recommendation-title-weight: 700;
	--use-cases-padding-top: 5.875rem;
	--use-cases-padding-bottom: 6rem;
	--use-cases-header-gap: 4rem;
	--use-cases-layout-gap: 2.625rem;
	--use-cases-selector-item-gap: 0.5rem;
	--use-cases-selector-item-padding: 1rem;
	--use-cases-recommendation-padding: 2.125rem;
	--use-cases-recommendation-content-gap: 1.375rem;
	--use-cases-component-gap: 0.5625rem;
	--use-cases-related-services-gap: 0.5rem;
	--use-cases-button-gap: 0.75rem;
	--use-cases-mobile-selector-gap: 0.625rem;
	--use-cases-transition-duration: 320ms;
	--use-cases-reveal-distance: 32px;
	--use-cases-reveal-duration: 720ms;
	--use-cases-reveal-stagger: 115ms;

	--packages-bg: #061326;
	--packages-bg-secondary: #0a1a3a;
	--packages-text: #f8fbff;
	--packages-muted: #aebed0;
	--packages-accent: #35c7e8;
	--packages-support-accent: #a8d42b;
	--packages-surface: #081a32;
	--packages-emphasized-surface: #0a2340;
	--packages-divider: #29435f;
	--packages-badge-bg: #12304d;
	--packages-badge-text: #dff8ff;
	--packages-pricing-text: #ffffff;
	--packages-care-bg: #091d35;
	--packages-content-width: var(--darbin-container-default);
	--packages-eyebrow-size: 0.8125rem;
	--packages-title-size: 3.25rem;
	--packages-description-size: 1.125rem;
	--packages-number-size: 2.625rem;
	--packages-package-title-size: 1.9375rem;
	--packages-package-label-size: 0.6875rem;
	--packages-summary-size: 0.9375rem;
	--packages-group-label-size: 0.6875rem;
	--packages-list-item-size: 0.875rem;
	--packages-price-size: 1.4375rem;
	--packages-pricing-note-size: 0.75rem;
	--packages-care-title-size: 1.5625rem;
	--packages-clarification-size: 0.8125rem;
	--packages-button-size: 0.875rem;
	--packages-title-line-height: 1.12;
	--packages-description-line-height: 1.68;
	--packages-title-weight: 700;
	--packages-package-title-weight: 700;
	--packages-price-weight: 700;
	--packages-padding-top: 5.875rem;
	--packages-padding-bottom: 6rem;
	--packages-header-gap: 3.625rem;
	--packages-band-margin: 3.625rem;
	--packages-package-padding: 1.75rem;
	--packages-package-column-gap: 0;
	--packages-package-content-gap: 1.375rem;
	--packages-group-gap: 1.125rem;
	--packages-list-gap: 0.5rem;
	--packages-pricing-gap: 0.625rem;
	--packages-button-gap: 0.625rem;
	--packages-care-margin: 1.75rem;
	--packages-care-padding: 1.625rem;
	--packages-clarification-margin: 1.375rem;
	--packages-reveal-distance: 32px;
	--packages-reveal-duration: 720ms;
	--packages-reveal-stagger: 110ms;
	--packages-transition-duration: 720ms;

	--quote-bg: #f7f9fa;
	--quote-text: #071b32;
	--quote-muted: #465a70;
	--quote-accent: #08a9cc;
	--quote-success: #618c16;
	--quote-error: #b42318;
	--quote-form-bg: #ffffff;
	--quote-form-border: #cad7e2;
	--quote-input-bg: #ffffff;
	--quote-input-border: #aebdca;
	--quote-input-focus: #0788aa;
	--quote-button-bg: #071b32;
	--quote-button-text: #ffffff;
	--quote-intent-bg: #edf8fb;
	--quote-content-width: var(--darbin-container-default);
	--quote-editorial-track: 5fr;
	--quote-form-track: 7fr;
	--quote-eyebrow-size: 0.8125rem;
	--quote-title-size: 3rem;
	--quote-description-size: 1.125rem;
	--quote-helper-size: 0.875rem;
	--quote-next-steps-title-size: 0.75rem;
	--quote-next-step-size: 0.9375rem;
	--quote-form-label-size: 0.8125rem;
	--quote-form-input-size: 1rem;
	--quote-form-help-size: 0.75rem;
	--quote-intent-label-size: 0.6875rem;
	--quote-status-title-size: 1.5625rem;
	--quote-status-message-size: 0.9375rem;
	--quote-button-size: 0.9375rem;
	--quote-title-line-height: 1.14;
	--quote-description-line-height: 1.7;
	--quote-title-weight: 700;
	--quote-label-weight: 650;
	--quote-button-weight: 700;
	--quote-padding-top: 6rem;
	--quote-padding-bottom: 6.25rem;
	--quote-layout-gap: 4.5rem;
	--quote-editorial-content-gap: 1.375rem;
	--quote-next-steps-gap: 0.875rem;
	--quote-form-padding: 2.125rem;
	--quote-form-row-gap: 1.375rem;
	--quote-form-column-gap: 1.125rem;
	--quote-field-content-gap: 0.5rem;
	--quote-intent-margin-bottom: 1.5rem;
	--quote-consent-margin-top: 0.25rem;
	--quote-button-margin-top: 0.5rem;
	--quote-direct-contact-margin-top: 2.5rem;
	--quote-reveal-distance: 32px;
	--quote-reveal-duration: 720ms;
	--quote-reveal-stagger: 110ms;
	--quote-transition-duration: 260ms;

	--why-bg: #07152f;
	--why-bg-secondary: #0a1d3b;
	--why-text: #f7fbff;
	--why-muted: #b4c4d6;
	--why-accent: #35c7e8;
	--why-secondary-accent: #a8d42b;
	--why-warm-accent: #d9823b;
	--why-divider: #28405d;
	--why-story-surface: #091b36;
	--why-principle-hover: #0b2342;
	--why-context-bg: #0b203d;
	--why-content-width: var(--darbin-container-default);
	--why-story-track: 5fr;
	--why-principles-track: 7fr;
	--why-eyebrow-size: 0.8125rem;
	--why-title-size: 3.25rem;
	--why-description-size: 1.125rem;
	--why-armenian-size: 3.375rem;
	--why-armenian-meaning-size: 0.75rem;
	--why-story-title-size: 1.5rem;
	--why-story-text-size: 1rem;
	--why-number-size: 2.625rem;
	--why-principle-title-size: 1.25rem;
	--why-principle-description-size: 0.9375rem;
	--why-outcome-label-size: 0.625rem;
	--why-outcome-text-size: 0.875rem;
	--why-context-title-size: 1.25rem;
	--why-context-item-size: 0.875rem;
	--why-button-size: 0.875rem;
	--why-title-line-height: 1.12;
	--why-description-line-height: 1.68;
	--why-title-weight: 700;
	--why-principle-title-weight: 700;
	--why-padding-top: 6.25rem;
	--why-padding-bottom: 6.5rem;
	--why-header-gap: 4rem;
	--why-story-margin-top: 3.875rem;
	--why-story-layout-gap: 3.375rem;
	--why-story-content-gap: 1.375rem;
	--why-motif-height: 11.25rem;
	--why-principles-margin-top: 4rem;
	--why-principle-padding: 1.5rem;
	--why-principle-column-gap: 1.5rem;
	--why-principle-content-gap: 0.875rem;
	--why-context-margin-top: 2.5rem;
	--why-context-padding: 1.625rem;
	--why-context-item-gap: 1.125rem;
	--why-button-margin-top: 2.125rem;
	--why-button-gap: 0.75rem;
	--why-reveal-distance: 32px;
	--why-reveal-duration: 720ms;
	--why-reveal-stagger: 110ms;
	--why-motif-duration: 760ms;
}

body.admin-bar {
	--darbin-admin-bar-offset: 32px;
}

@media (max-width: 782px) {
	body.admin-bar {
		--darbin-admin-bar-offset: 46px;
	}
}

@media (min-width: 48rem) {
	:root {
		--darbin-container-padding: 2rem;
	}
}

@media (max-width: 64rem) {
	:root {
		--darbin-section-space-major: 5rem;
		--darbin-section-space-compact: 4.5rem;
		--darbin-card-gap: 1.375rem;
		--darbin-type-display: 3.25rem;
		--darbin-type-section-large: 2.625rem;
		--darbin-type-section: 2.5rem;
		--darbin-type-subsection: 1.5rem;
	}
}

@media (max-width: 47.9375rem) {
	:root {
		--darbin-section-space-major: 4rem;
		--darbin-section-space-compact: 3.75rem;
		--darbin-card-gap: 1.125rem;
		--darbin-type-display: 2.625rem;
		--darbin-type-section-large: 2.25rem;
		--darbin-type-section: 2rem;
		--darbin-type-subsection: 1.375rem;
		--darbin-type-card: 1.3125rem;
		--darbin-type-introduction: 1.125rem;
		--darbin-type-body: 1.03125rem;
		--darbin-type-body-ar: 1.0625rem;
	}
}
