/**
 * Hexnity WP Theme Options — design tokens.
 *
 * Managed by the Theme Options admin page, which fully regenerates
 * this file on every save. You can also hand-edit it or add new
 * "--hex-*" custom properties yourself — anything new here is
 * auto-detected on the next Theme Options page load and appears as
 * an editable field under "Custom Tokens". Reference a token from
 * your own CSS as var(--hex-your-key, fallback).
 *
 * Grouped into commented sections below (Typography, Spacing, ...) —
 * hand-edits keep whatever section you put them in; a section with
 * zero declarations is simply omitted, and reappears once it has one.
 *
 * See knoladge/child-theme-css-token-architecture.md.
 */
:root {
	/* Typography. */
	--hex-h1-size-mobile: 38px;
	--hex-h1-size-desktop: 67px;
	--hex-h1-line-height: 1.12;
	--hex-h1-letter-spacing: -1.7px;
	--hex-h1-weight: 800;
	--hex-h1-margin-bottom: 24px;
	--hex-h2-size-mobile: 30px;
	--hex-h2-size-desktop: 48px;
	--hex-h2-line-height: 1.12;
	--hex-h2-letter-spacing: -1.2px;
	--hex-h2-weight: 800;
	--hex-h2-margin-bottom: 24px;
	--hex-h3-size-mobile: 18px;
	--hex-h3-size-desktop: 22px;
	--hex-h3-line-height: 1.12;
	--hex-h3-letter-spacing: -0.3px;
	--hex-h3-weight: 800;
	--hex-h3-margin-bottom: 8px;
	--hex-h4-size-mobile: 16px;
	--hex-h4-size-desktop: 16px;
	--hex-h4-line-height: 1.12;
	--hex-h4-letter-spacing: -0.2px;
	--hex-h4-weight: 700;
	--hex-h4-margin-bottom: 4px;
	--hex-h5-size-mobile: 26px;
	--hex-h5-size-desktop: 37px;
	--hex-h5-line-height: 1.1;
	--hex-h5-letter-spacing: -1.1px;
	--hex-h5-weight: 800;
	--hex-h5-margin-bottom: 5px;
	--hex-h6-size-mobile: 15px;
	--hex-h6-size-desktop: 16px;
	--hex-h6-line-height: 1.4;
	--hex-h6-letter-spacing: 0.32px;
	--hex-h6-weight: 600;
	--hex-h6-margin-bottom: 12px;
	--hex-body-size-mobile: 16px;
	--hex-body-size-desktop: 17px;
	--hex-body-line-height: 1.65;
	--hex-lead-size-mobile: 17px;
	--hex-lead-size-desktop: 20px;
	--hex-lead-line-height: 1.62;
	--hex-large-size-mobile: 18px;
	--hex-large-size-desktop: 22px;
	--hex-large-line-height: 1.55;
	--hex-small-size-mobile: 15px;
	--hex-small-size-desktop: 15px;
	--hex-small-line-height: 1.6;
	--hex-meta-size-mobile: 12px;
	--hex-meta-size-desktop: 12px;
	--hex-meta-line-height: 1.4;
	--hex-meta-letter-spacing: 2px;
	--hex-meta-weight: 600;
	--hex-link-color: #1F6FEB;
	--hex-link-hover-color: #1F6FEB;
	--hex-font-heading: 'Plus Jakarta Sans', sans-serif;
	--hex-font-body: 'Inter', sans-serif;
	--hex-font-accent: 'Plus Jakarta Sans', sans-serif;
	--hex-font-mono: 'JetBrains Mono', monospace;
	--hex-h1-size: 67px;
	--hex-h2-size: 48px;
	--hex-h3-size: 22px;
	--hex-h4-size: 16px;
	--hex-h5-size: 37px;
	--hex-h6-size: 16px;
	--hex-body-size: 17px;
	--hex-lead-size: 20px;
	--hex-large-size: 22px;
	--hex-small-size: 15px;
	--hex-meta-size: 12px;

	/* Spacing. */
	--hex-spacing-xs: 8px;
	--hex-spacing-sm: 16px;
	--hex-spacing-md: 24px;
	--hex-spacing-lg: 32px;
	--hex-spacing-xl: 48px;
	--hex-spacing-2xl: 64px;

	/* Colors. */
	--hex-color-primary: #1F6FEB;
	--hex-color-secondary: #0B2545;
	--hex-color-tertiary: #13355F;
	--hex-color-accent: #FF8A3D;
	--hex-color-success: #16a34a;
	--hex-color-warning: #d97706;
	--hex-color-danger: #dc2626;
	--hex-color-info: #0ea5e9;
	--hex-color-muted: #F4F6F9;
	--hex-color-emphasis: #0B2545;
	--hex-color-body-background: #FFFFFF;
	--hex-color-body-text: #3E4C5E;
	--hex-color-inverse-background: #0B2545;
	--hex-color-inverse-text: #C3D2E6;
	--hex-color-border: #E4E9F0;

	/* Buttons. */
	--hex-button-default-background: #F4F6F9;
	--hex-button-default-color: #0B2545;
	--hex-button-default-hover-background: #E4E9F0;
	--hex-button-default-hover-color: #0B2545;
	--hex-button-primary-background: #1F6FEB;
	--hex-button-primary-color: #FFFFFF;
	--hex-button-primary-hover-background: #3D82F5;
	--hex-button-primary-hover-color: #FFFFFF;
	--hex-button-secondary-background: #0B2545;
	--hex-button-secondary-color: #FFFFFF;
	--hex-button-secondary-hover-background: #13355F;
	--hex-button-secondary-hover-color: #FFFFFF;
	--hex-button-danger-background: #dc2626;
	--hex-button-danger-color: #ffffff;
	--hex-button-danger-hover-background: #b91c1c;
	--hex-button-danger-hover-color: #ffffff;
	--hex-button-text-color: #1F6FEB;
	--hex-button-text-hover-color: #3D82F5;
	--hex-button-radius: 999px;
	--hex-button-font-weight: 700;
	--hex-button-padding-x-xs: 8px;
	--hex-button-padding-y-xs: 4px;
	--hex-button-padding-x-sm: 18px;
	--hex-button-padding-y-sm: 10px;
	--hex-button-padding-x: 26px;
	--hex-button-padding-y: 15px;
	--hex-button-padding-x-lg: 32px;
	--hex-button-padding-y-lg: 18px;
	--hex-button-padding-x-xl: 36px;
	--hex-button-padding-y-xl: 18px;

	/* Forms. */
	--hex-form-background: #FFFFFF;
	--hex-form-border-color: #E4E9F0;
	--hex-form-focus-border-color: #1F6FEB;
	--hex-form-placeholder-color: #7A879A;
	--hex-form-label-color: #0B2545;
	--hex-form-radius: 12px;
	--hex-form-padding-x-sm: 12px;
	--hex-form-padding-y-sm: 8px;
	--hex-form-padding-x: 16px;
	--hex-form-padding-y: 14px;
	--hex-form-padding-x-lg: 16px;
	--hex-form-padding-y-lg: 12px;

	/* Cards. */
	--hex-card-background: #FFFFFF;
	--hex-card-border-color: #E4E9F0;
	--hex-card-radius: 24px;
	--hex-card-padding: 32px;
	--hex-card-shadow: none;
	--hex-card-shadow-hover: none;

	/* Sections. */
	--hex-section-background-default: #FFFFFF;
	--hex-section-background-muted: #F4F6F9;
	--hex-section-background-primary: #1F6FEB;
	--hex-section-background-secondary: #0B2545;
	--hex-section-padding-sm: 48px;
	--hex-section-padding-md: 64px;
	--hex-section-padding-lg: 80px;
	--hex-section-padding-xl: 116px;

	/* Global. */
	--hex-radius-sm: 10px;
	--hex-radius-md: 16px;
	--hex-radius-lg: 24px;
	--hex-fluid-breakpoint-s: 640px;
	--hex-fluid-breakpoint-m: 960px;
	--hex-fluid-breakpoint-l: 1200px;
	--hex-fluid-breakpoint-xl: 1600px;

	/* Tables. */
	--hex-table-border-color: #E4E9F0;
	--hex-table-stripe-background: #F4F6F9;
	--hex-table-header-background: #F4F6F9;
	--hex-table-header-color: #0B2545;

	/* Alerts. */
	--hex-alert-primary-background: #eff6ff;
	--hex-alert-primary-color: #1e3a8a;
	--hex-alert-success-background: #f0fdf4;
	--hex-alert-success-color: #166534;
	--hex-alert-warning-background: #fffbeb;
	--hex-alert-warning-color: #92400e;
	--hex-alert-danger-background: #fef2f2;
	--hex-alert-danger-color: #991b1b;

	/* Badges. */
	--hex-badge-default-background: #f3f4f6;
	--hex-badge-default-color: #111827;
	--hex-badge-primary-background: #dbeafe;
	--hex-badge-primary-color: #1e40af;
	--hex-badge-success-background: #dcfce7;
	--hex-badge-success-color: #166534;
	--hex-badge-warning-background: #fef3c7;
	--hex-badge-warning-color: #92400e;
	--hex-badge-danger-background: #fee2e2;
	--hex-badge-danger-color: #991b1b;

	/* Navigation. */
	--hex-nav-link-color: #0B2545;
	--hex-nav-link-hover-color: #0B2545;
	--hex-nav-link-active-color: #1F6FEB;
	--hex-nav-font-weight: 600;
	--hex-nav-gap: 6px;

	/* Accordion. */
	--hex-accordion-background: #ffffff;
	--hex-accordion-border-color: #e5e7eb;
	--hex-accordion-header-background: #f9fafb;
	--hex-accordion-header-color: #111827;
	--hex-accordion-header-hover-background: #f3f4f6;
	--hex-accordion-radius: 8px;
	--hex-accordion-padding: 16px;
	--hex-accordion-gap: 8px;

	/* Tabs. */
	--hex-tabs-border-color: #e5e7eb;
	--hex-tabs-label-color: #6b7280;
	--hex-tabs-active-label-color: #2563eb;
	--hex-tabs-active-border-color: #2563eb;
	--hex-tabs-gap: 24px;
	--hex-tabs-padding: 16px;

	/* Icons. */
	--hex-icon-color: #1F6FEB;
	--hex-icon-hover-color: #1F6FEB;
	--hex-icon-size-sm: 16px;
	--hex-icon-size-md: 26px;
	--hex-icon-size-lg: 32px;

	/* Custom Tokens. */
	--hex-color-primary-light: #5B9BFF;
	--hex-color-primary-tint: #EDF3FE;
	--hex-color-secondary-deep: #05122A;
	--hex-color-secondary-light: #13355F;
	--hex-color-secondary-soft: #17406E;
	--hex-color-accent-tint: #FFF3EA;
	--hex-color-accent-strong: #E0731F;
	--hex-color-accent-text: #9A5B14;
	--hex-color-body-text-soft: #5C6B7F;
	--hex-color-muted-text: #7A879A;
	--hex-color-border-strong: #D3DEEC;
	--hex-color-inverse-heading: #FFFFFF;
	--hex-color-inverse-text-soft: #A9BDD8;
	--hex-color-inverse-text-muted: #8FA6C4;
	--hex-color-inverse-text-faint: #6B85A8;
	--hex-color-inverse-border: rgba(255, 255, 255, 0.12);
	--hex-color-inverse-surface: rgba(255, 255, 255, 0.045);
	--hex-shadow-md: 0 4px 20px rgba(5, 18, 42, 0.06);
	--hex-shadow-lg: 0 20px 60px rgba(5, 18, 42, 0.12);
	--hex-shadow-primary: 0 12px 32px rgba(31, 111, 235, 0.22);
	--hex-container-width: 1200px;
	--hex-container-gutter: 24px;
	--hex-header-height: 80px;
	--hex-radius-xl: 32px;
	--hex-radius-xs: 6px;
	--hex-transition-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}