/* SwiftInvoice design tokens. GENERATED by tools/build-tokens.js from inc/kit/tokens.json. Do not edit by hand. */
/* The hex/px values below are fallbacks only; the Elementor Kit globals are the source of truth. */
body {
	/* Colours (Kit: Global Colors) */
	--ix-primary-500: var(--e-global-color-primary_500, #7141F8);
	--ix-primary-400: var(--e-global-color-primary_400, #8D67FA);
	--ix-primary-300: var(--e-global-color-primary_300, #AA8DFB);
	--ix-primary-200: var(--e-global-color-primary_200, #C6B3FC);
	--ix-primary-100: var(--e-global-color-primary_100, #E3D9FE);
	--ix-lilac: var(--e-global-color-primary_50, #F3F1FF);
	--ix-eyebrow: var(--e-global-color-ix_eyebrow, #581ADF);
	--ix-band-deep: var(--e-global-color-ix_band_deep, #561ADB);
	--ix-navy: var(--e-global-color-blue_500, #303073);
	--ix-navy-400: var(--e-global-color-blue_400, #393988);
	--ix-navy-300: var(--e-global-color-blue_300, #3E3E93);
	--ix-navy-200: var(--e-global-color-blue_200, #5F5FE1);
	--ix-navy-100: var(--e-global-color-blue_100, #4A4AAF);
	--ix-navy-50: var(--e-global-color-blue_50, #BABAFB);
	--ix-teal-500: var(--e-global-color-secondary_500, #21A0A0);
	--ix-teal-400: var(--e-global-color-secondary_400, #4DB3B3);
	--ix-teal-300: var(--e-global-color-secondary_300, #7AC6C6);
	--ix-teal-200: var(--e-global-color-secondary_200, #A6D9D9);
	--ix-teal-100: var(--e-global-color-secondary_100, #D3ECEC);
	--ix-aqua-500: var(--e-global-color-tertiary_500, #00C8C2);
	--ix-aqua-400: var(--e-global-color-tertiary_400, #33D3CE);
	--ix-aqua-300: var(--e-global-color-tertiary_300, #66DEDB);
	--ix-aqua-200: var(--e-global-color-tertiary_200, #99E9E7);
	--ix-aqua-100: var(--e-global-color-tertiary_100, #CCF4F3);
	--ix-alert-500: var(--e-global-color-alert_500, #E53D00);
	--ix-alert-400: var(--e-global-color-alert_400, #EA6433);
	--ix-alert-300: var(--e-global-color-alert_300, #EF8B66);
	--ix-alert-200: var(--e-global-color-alert_200, #F5B199);
	--ix-alert-100: var(--e-global-color-alert_100, #FAD8CC);
	--ix-yellow-500: var(--e-global-color-accent_500, #FFE900);
	--ix-yellow-400: var(--e-global-color-accent_400, #FFED33);
	--ix-yellow-300: var(--e-global-color-accent_300, #FFF266);
	--ix-yellow-200: var(--e-global-color-accent_200, #FFF699);
	--ix-yellow-100: var(--e-global-color-accent_100, #FFFBCC);
	--ix-page: var(--e-global-color-ix_page, #FCF9F8);
	--ix-page-alt: var(--e-global-color-ix_page_alt, #F6F3F2);
	--ix-page-cool: var(--e-global-color-ix_page_cool, #FAFAFA);
	--ix-surface: var(--e-global-color-color_bg, #FFFFFF);
	--ix-surface-muted: var(--e-global-color-ix_surface_muted, #FAFAFA);
	--ix-surface-sunken: var(--e-global-color-ix_surface_sunken, #F0EDED);
	--ix-browser-bar: var(--e-global-color-ix_browser_bar, #F2F1F1);
	--ix-cta-band: var(--e-global-color-ix_cta_band, #E9E7E6);
	--ix-footer-light: var(--e-global-color-ix_footer_light, #F6F3F2);
	--ix-footer: var(--e-global-color-color_footer_bg, #303073);
	--ix-footer-input: var(--e-global-color-ix_footer_input, #57579C);
	--ix-footer-text: var(--e-global-color-color_footer_text, #FAFAFA);
	--ix-footer-muted: var(--e-global-color-ix_footer_muted, #E2DFFF);
	--ix-nav-text: var(--e-global-color-ix_nav_text, #494456);
	--ix-neutral-50: var(--e-global-color-neutral_50, #FAFAFA);
	--ix-neutral-100: var(--e-global-color-neutral_100, #F5F5F5);
	--ix-neutral-200: var(--e-global-color-neutral_200, #E5E5E5);
	--ix-neutral-300: var(--e-global-color-neutral_300, #D4D4D4);
	--ix-neutral-400: var(--e-global-color-neutral_400, #A3A3A3);
	--ix-neutral-500: var(--e-global-color-neutral_500, #737373);
	--ix-neutral-600: var(--e-global-color-neutral_600, #525252);
	--ix-neutral-700: var(--e-global-color-neutral_700, #404040);
	--ix-neutral-900: var(--e-global-color-neutral_900, #171717);
	--ix-ink: var(--e-global-color-color_ink, #1F2530);
	--ix-ink-muted: var(--e-global-color-color_ink_muted, #5A6170);
	--ix-ink-gray: var(--e-global-color-color_ink_gray, #5C5C5C);
	--ix-ink-soft: var(--e-global-color-color_ink_soft, #8A90A0);
	--ix-border: var(--e-global-color-color_border, #E2E8F0);
	--ix-border-soft: var(--e-global-color-color_border_soft, #F0F2F5);
	--ix-paid-dot: var(--e-global-color-status_paid_dot, #21A0A0);
	--ix-paid-bg: var(--e-global-color-status_paid_bg, #D3ECEC);
	--ix-paid-text: var(--e-global-color-status_paid_text, #1F2530);
	--ix-sent-dot: var(--e-global-color-status_sent_dot, #7141F8);
	--ix-sent-bg: var(--e-global-color-status_sent_bg, #F3F1FF);
	--ix-sent-text: var(--e-global-color-status_sent_text, #1F2530);
	--ix-pending-dot: var(--e-global-color-status_pending_dot, #FFE900);
	--ix-pending-bg: var(--e-global-color-status_pending_bg, #FFFBCC);
	--ix-pending-text: var(--e-global-color-status_pending_text, #1F2530);
	--ix-overdue-dot: var(--e-global-color-status_overdue_dot, #E53D00);
	--ix-overdue-bg: var(--e-global-color-status_overdue_bg, #FAD8CC);
	--ix-overdue-text: var(--e-global-color-status_overdue_text, #1F2530);
	--ix-draft-dot: var(--e-global-color-status_draft_dot, #A3A3A3);
	--ix-draft-bg: var(--e-global-color-status_draft_bg, #F5F5F5);
	--ix-draft-text: var(--e-global-color-status_draft_text, #525252);
	--ix-cat-indep-bg: var(--e-global-color-ix_cat_indep_bg, #F3F1FF);
	--ix-cat-indep-text: var(--e-global-color-ix_cat_indep_text, #581ADF);
	--ix-cat-small-bg: var(--e-global-color-ix_cat_small_bg, #E3D9FE);
	--ix-cat-small-text: var(--e-global-color-ix_cat_small_text, #303073);
	--ix-cat-client-bg: var(--e-global-color-ix_cat_client_bg, #CCF4F3);
	--ix-cat-client-text: var(--e-global-color-ix_cat_client_text, #0C7473);
	--ix-alert-text: var(--e-global-color-ix_alert_text, #B83200);
	--ix-pro-bg: var(--e-global-color-ix_pro_bg, #FFE900);
	--ix-pro-text: var(--e-global-color-ix_pro_text, #171717);
	--ix-system-primary: var(--e-global-color-primary, #7141F8);
	--ix-system-secondary: var(--e-global-color-secondary, #303073);
	--ix-system-text: var(--e-global-color-text, #525252);
	--ix-system-accent: var(--e-global-color-accent, #21A0A0);

	/* Typography (Kit: Global Fonts) */
	--ix-font-sans: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--ix-font-mono: "Invoxa Mono", Monaco, Menlo, Consolas, "Courier New", monospace;
	--ix-h1-hero-family: var(--e-global-typography-h1_hero-font-family, var(--ix-font-sans));
	--ix-h1-hero-size: var(--e-global-typography-h1_hero-font-size, 60px);
	--ix-h1-hero-weight: var(--e-global-typography-h1_hero-font-weight, 700);
	--ix-h1-hero-lh: var(--e-global-typography-h1_hero-line-height, 1.1);
	--ix-h1-hero-ls: var(--e-global-typography-h1_hero-letter-spacing, -0.01em);
	--ix-h1-page-family: var(--e-global-typography-pricing_page_h1-font-family, var(--ix-font-sans));
	--ix-h1-page-size: var(--e-global-typography-pricing_page_h1-font-size, 64px);
	--ix-h1-page-weight: var(--e-global-typography-pricing_page_h1-font-weight, 900);
	--ix-h1-page-lh: var(--e-global-typography-pricing_page_h1-line-height, 1.08);
	--ix-h1-page-ls: var(--e-global-typography-pricing_page_h1-letter-spacing, -0.02em);
	--ix-h1-app-family: var(--e-global-typography-ix_h1_app-font-family, var(--ix-font-sans));
	--ix-h1-app-size: var(--e-global-typography-ix_h1_app-font-size, 40px);
	--ix-h1-app-weight: var(--e-global-typography-ix_h1_app-font-weight, 700);
	--ix-h1-app-lh: var(--e-global-typography-ix_h1_app-line-height, 1.15);
	--ix-h1-app-ls: var(--e-global-typography-ix_h1_app-letter-spacing, -0.01em);
	--ix-h2-section-family: var(--e-global-typography-h2_section-font-family, var(--ix-font-sans));
	--ix-h2-section-size: var(--e-global-typography-h2_section-font-size, 44px);
	--ix-h2-section-weight: var(--e-global-typography-h2_section-font-weight, 700);
	--ix-h2-section-lh: var(--e-global-typography-h2_section-line-height, 1.15);
	--ix-h2-section-ls: var(--e-global-typography-h2_section-letter-spacing, -0.01em);
	--ix-h2-feature-family: var(--e-global-typography-ix_h2_feature-font-family, var(--ix-font-sans));
	--ix-h2-feature-size: var(--e-global-typography-ix_h2_feature-font-size, 36px);
	--ix-h2-feature-weight: var(--e-global-typography-ix_h2_feature-font-weight, 700);
	--ix-h2-feature-lh: var(--e-global-typography-ix_h2_feature-line-height, 1.2);
	--ix-h2-feature-ls: var(--e-global-typography-ix_h2_feature-letter-spacing, -0.01em);
	--ix-h3-card-family: var(--e-global-typography-h3_card_title-font-family, var(--ix-font-sans));
	--ix-h3-card-size: var(--e-global-typography-h3_card_title-font-size, 20px);
	--ix-h3-card-weight: var(--e-global-typography-h3_card_title-font-weight, 700);
	--ix-h3-card-lh: var(--e-global-typography-h3_card_title-line-height, 1.35);
	--ix-h3-card-ls: var(--e-global-typography-h3_card_title-letter-spacing, 0em);
	--ix-plan-title-family: var(--e-global-typography-plan_title-font-family, var(--ix-font-sans));
	--ix-plan-title-size: var(--e-global-typography-plan_title-font-size, 22px);
	--ix-plan-title-weight: var(--e-global-typography-plan_title-font-weight, 700);
	--ix-plan-title-lh: var(--e-global-typography-plan_title-line-height, 1.3);
	--ix-plan-title-ls: var(--e-global-typography-plan_title-letter-spacing, 0em);
	--ix-eyebrow-family: var(--e-global-typography-ix_eyebrow_font-font-family, var(--ix-font-sans));
	--ix-eyebrow-size: var(--e-global-typography-ix_eyebrow_font-font-size, 12px);
	--ix-eyebrow-weight: var(--e-global-typography-ix_eyebrow_font-font-weight, 700);
	--ix-eyebrow-lh: var(--e-global-typography-ix_eyebrow_font-line-height, 1.4);
	--ix-eyebrow-ls: var(--e-global-typography-ix_eyebrow_font-letter-spacing, 0.12em);
	--ix-body-lead-family: var(--e-global-typography-hero_sub_copy-font-family, var(--ix-font-sans));
	--ix-body-lead-size: var(--e-global-typography-hero_sub_copy-font-size, 18px);
	--ix-body-lead-weight: var(--e-global-typography-hero_sub_copy-font-weight, 400);
	--ix-body-lead-lh: var(--e-global-typography-hero_sub_copy-line-height, 1.6);
	--ix-body-lead-ls: var(--e-global-typography-hero_sub_copy-letter-spacing, 0em);
	--ix-body-family: var(--e-global-typography-body_text-font-family, var(--ix-font-sans));
	--ix-body-size: var(--e-global-typography-body_text-font-size, 16px);
	--ix-body-weight: var(--e-global-typography-body_text-font-weight, 400);
	--ix-body-lh: var(--e-global-typography-body_text-line-height, 1.6);
	--ix-body-ls: var(--e-global-typography-body_text-letter-spacing, 0em);
	--ix-body-small-family: var(--e-global-typography-small_captions-font-family, var(--ix-font-sans));
	--ix-body-small-size: var(--e-global-typography-small_captions-font-size, 14px);
	--ix-body-small-weight: var(--e-global-typography-small_captions-font-weight, 400);
	--ix-body-small-lh: var(--e-global-typography-small_captions-line-height, 1.5);
	--ix-body-small-ls: var(--e-global-typography-small_captions-letter-spacing, 0em);
	--ix-caption-family: var(--e-global-typography-ix_caption-font-family, var(--ix-font-sans));
	--ix-caption-size: var(--e-global-typography-ix_caption-font-size, 12px);
	--ix-caption-weight: var(--e-global-typography-ix_caption-font-weight, 700);
	--ix-caption-lh: var(--e-global-typography-ix_caption-line-height, 1.4);
	--ix-caption-ls: var(--e-global-typography-ix_caption-letter-spacing, 0em);
	--ix-stat-number-family: var(--e-global-typography-stat_number-font-family, var(--ix-font-sans));
	--ix-stat-number-size: var(--e-global-typography-stat_number-font-size, 28px);
	--ix-stat-number-weight: var(--e-global-typography-stat_number-font-weight, 700);
	--ix-stat-number-lh: var(--e-global-typography-stat_number-line-height, 1.1);
	--ix-stat-number-ls: var(--e-global-typography-stat_number-letter-spacing, 0em);
	--ix-stat-label-family: var(--e-global-typography-stat_label-font-family, var(--ix-font-sans));
	--ix-stat-label-size: var(--e-global-typography-stat_label-font-size, 14px);
	--ix-stat-label-weight: var(--e-global-typography-stat_label-font-weight, 400);
	--ix-stat-label-lh: var(--e-global-typography-stat_label-line-height, 1.4);
	--ix-stat-label-ls: var(--e-global-typography-stat_label-letter-spacing, 0em);
	--ix-metric-family: var(--e-global-typography-ix_metric-font-family, var(--ix-font-sans));
	--ix-metric-size: var(--e-global-typography-ix_metric-font-size, 40px);
	--ix-metric-weight: var(--e-global-typography-ix_metric-font-weight, 700);
	--ix-metric-lh: var(--e-global-typography-ix_metric-line-height, 1.1);
	--ix-metric-ls: var(--e-global-typography-ix_metric-letter-spacing, -0.01em);
	--ix-price-family: var(--e-global-typography-price-font-family, var(--ix-font-sans));
	--ix-price-size: var(--e-global-typography-price-font-size, 48px);
	--ix-price-weight: var(--e-global-typography-price-font-weight, 900);
	--ix-price-lh: var(--e-global-typography-price-line-height, 1);
	--ix-price-ls: var(--e-global-typography-price-letter-spacing, -0.02em);
	--ix-button-family: var(--e-global-typography-button_font-font-family, var(--ix-font-sans));
	--ix-button-size: var(--e-global-typography-button_font-font-size, 15px);
	--ix-button-weight: var(--e-global-typography-button_font-font-weight, 700);
	--ix-button-lh: var(--e-global-typography-button_font-line-height, 1.2);
	--ix-button-ls: var(--e-global-typography-button_font-letter-spacing, 0em);
	--ix-mono-family: var(--e-global-typography-ix_mono-font-family, var(--ix-font-mono));
	--ix-mono-size: var(--e-global-typography-ix_mono-font-size, 15px);
	--ix-mono-weight: var(--e-global-typography-ix_mono-font-weight, 400);
	--ix-mono-lh: var(--e-global-typography-ix_mono-line-height, 1.5);
	--ix-mono-ls: var(--e-global-typography-ix_mono-letter-spacing, 0em);
	--ix-footer-word-family: var(--e-global-typography-ix_footer_word-font-family, var(--ix-font-sans));
	--ix-footer-word-size: var(--e-global-typography-ix_footer_word-font-size, 26px);
	--ix-footer-word-weight: var(--e-global-typography-ix_footer_word-font-weight, 700);
	--ix-footer-word-lh: var(--e-global-typography-ix_footer_word-line-height, 1.1);
	--ix-footer-word-ls: var(--e-global-typography-ix_footer_word-letter-spacing, -0.01em);
	--ix-footer-col-family: var(--e-global-typography-ix_footer_col-font-family, var(--ix-font-sans));
	--ix-footer-col-size: var(--e-global-typography-ix_footer_col-font-size, 13px);
	--ix-footer-col-weight: var(--e-global-typography-ix_footer_col-font-weight, 700);
	--ix-footer-col-lh: var(--e-global-typography-ix_footer_col-line-height, 1.4);
	--ix-footer-col-ls: var(--e-global-typography-ix_footer_col-letter-spacing, 0.08em);
	--ix-footer-body-family: var(--e-global-typography-ix_footer_body-font-family, var(--ix-font-sans));
	--ix-footer-body-size: var(--e-global-typography-ix_footer_body-font-size, 15px);
	--ix-footer-body-weight: var(--e-global-typography-ix_footer_body-font-weight, 400);
	--ix-footer-body-lh: var(--e-global-typography-ix_footer_body-line-height, 1.5);
	--ix-footer-body-ls: var(--e-global-typography-ix_footer_body-letter-spacing, 0em);
	--ix-footer-label-family: var(--e-global-typography-ix_footer_label-font-family, var(--ix-font-sans));
	--ix-footer-label-size: var(--e-global-typography-ix_footer_label-font-size, 14px);
	--ix-footer-label-weight: var(--e-global-typography-ix_footer_label-font-weight, 700);
	--ix-footer-label-lh: var(--e-global-typography-ix_footer_label-line-height, 1.4);
	--ix-footer-label-ls: var(--e-global-typography-ix_footer_label-letter-spacing, 0em);
	--ix-wordmark-family: var(--e-global-typography-ix_invoice_word-font-family, var(--ix-font-sans));
	--ix-wordmark-size: var(--e-global-typography-ix_invoice_word-font-size, 24px);
	--ix-wordmark-weight: var(--e-global-typography-ix_invoice_word-font-weight, 700);
	--ix-wordmark-lh: var(--e-global-typography-ix_invoice_word-line-height, 1.1);
	--ix-wordmark-ls: var(--e-global-typography-ix_invoice_word-letter-spacing, -0.01em);
	--ix-small-bold-family: var(--e-global-typography-ix_footer_legal-font-family, var(--ix-font-sans));
	--ix-small-bold-size: var(--e-global-typography-ix_footer_legal-font-size, 14px);
	--ix-small-bold-weight: var(--e-global-typography-ix_footer_legal-font-weight, 700);
	--ix-small-bold-lh: var(--e-global-typography-ix_footer_legal-line-height, 1.4);
	--ix-small-bold-ls: var(--e-global-typography-ix_footer_legal-letter-spacing, 0em);
	--ix-nav-family: var(--e-global-typography-ix_nav-font-family, var(--ix-font-sans));
	--ix-nav-size: var(--e-global-typography-ix_nav-font-size, 15.5px);
	--ix-nav-weight: var(--e-global-typography-ix_nav-font-weight, 700);
	--ix-nav-lh: var(--e-global-typography-ix_nav-line-height, 1.2);
	--ix-nav-ls: var(--e-global-typography-ix_nav-letter-spacing, 0em);

	/* Spacing scale (SPEC §1.2) */
	--ix-space-1: 4px;
	--ix-space-2: 8px;
	--ix-space-3: 12px;
	--ix-space-4: 16px;
	--ix-space-5: 20px;
	--ix-space-6: 24px;
	--ix-space-7: 32px;
	--ix-space-8: 40px;
	--ix-space-9: 48px;
	--ix-space-10: 64px;
	--ix-space-11: 80px;
	--ix-space-12: 96px;
	--ix-space-13: 128px;
	--ix-section-y: 96px;
	--ix-gutter: 70px;
	--ix-content: 1200px;

	/* Radius */
	--ix-radius-sm: 4px;
	--ix-radius-md: 6px;
	--ix-radius: 8px;
	--ix-radius-field: 10px;
	--ix-radius-tile: 12px;
	--ix-radius-card: 16px;
	--ix-radius-card-lg: 20px;
	--ix-radius-panel: 24px;
	--ix-radius-panel-lg: 28px;
	--ix-radius-frame: 32px;
	--ix-radius-pill: 9999px;

	/* Shadows */
	--ix-shadow-sm: 0 1px 2px rgba(23, 23, 23, 0.05);
	--ix-shadow-card: 0 1px 3px rgba(23, 23, 23, 0.04), 0 1px 2px rgba(23, 23, 23, 0.03);
	--ix-shadow-md: 0 4px 6px -1px rgba(23, 23, 23, 0.08), 0 2px 4px -2px rgba(23, 23, 23, 0.06);
	--ix-shadow-lg: 0 12px 24px -6px rgba(23, 23, 23, 0.1), 0 4px 8px -4px rgba(23, 23, 23, 0.06);
	--ix-shadow-xl: 0 20px 25px -5px rgba(23, 23, 23, 0.1), 0 8px 10px -6px rgba(23, 23, 23, 0.1);
	--ix-shadow-primary: 0 8px 20px -6px rgba(113, 65, 248, 0.45);
	--ix-focus-ring: 0 0 0 3px rgba(113, 65, 248, 0.28);
	--ix-hairline: rgba(23, 23, 23, 0.06);

	/* Gradients and effects (BUILD-PROMPT §4) */
	--ix-gradient-main: linear-gradient(180deg, #8860F8 0%, var(--ix-primary-500) 100%);
	--ix-band-gradient: radial-gradient(120% 140% at 50% 60%, #561ADB 0%, var(--ix-primary-500) 70%);
	--ix-band-card-bg: rgba(255, 255, 255, 0.1);
	--ix-band-card-border: rgba(255, 255, 255, 0.14);
	--ix-cta-navy: linear-gradient(135deg, #3E4C8A 0%, #5A4FA8 60%, #6A4FC0 100%);
	--ix-cta-purple: linear-gradient(135deg, #5B21E6 0%, var(--ix-primary-500) 55%, #8B5CF6 100%);
	--ix-cta-light: linear-gradient(135deg, #FFFFFF 0%, var(--ix-page-alt) 100%);
	--ix-upgrade-strip: linear-gradient(90deg, #23157A 0%, #121B60 100%);
	--ix-hero-glow: radial-gradient(closest-side, rgba(113, 65, 248, 0.14), rgba(113, 65, 248, 0));
	--ix-glass-blur: 12px;
	--ix-translucent: rgba(255, 255, 255, 0.14);
	--ix-translucent-hover: rgba(255, 255, 255, 0.22);
	--ix-chrome-content: 1200px;
	--ix-auth-content: 1200px;

	/* Motion (mirrors assets/js/motion/tokens.js) */
	--ix-dur-xs: 0.25s;
	--ix-dur-sm: 0.45s;
	--ix-dur-md: 0.7s;
	--ix-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);

}

@media (max-width: 1024px) {
	body {
		--ix-section-y: 64px;
		--ix-gutter: 32px;
	}
}

@media (max-width: 767px) {
	body {
		--ix-section-y: 48px;
		--ix-gutter: 16px;
	}
}