/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-blue-50: #EEF2FE;
  --primitive-color-blue-100: #DCE4FC;
  --primitive-color-blue-200: #B9C8F8;
  --primitive-color-blue-300: #8AA3F0;
  --primitive-color-blue-400: #5577E0;
  --primitive-color-blue-500: #3B5EC9;
  --primitive-color-blue-600: #002EBA;
  --primitive-color-blue-700: #0026A0;
  --primitive-color-blue-800: #001F82;
  --primitive-color-blue-900: #001660;
  --primitive-color-ink-800: #18213F;
  --primitive-color-ink-900: #0D1430;
  --primitive-color-ink-950: #070C22;
  --primitive-color-gray-0: #FFFFFF;
  --primitive-color-gray-25: #FAFBFD;
  --primitive-color-gray-50: #F3F5F9;
  --primitive-color-gray-100: #E9EDF3;
  --primitive-color-gray-200: #DAE0E9;
  --primitive-color-gray-300: #C1C8D5;
  --primitive-color-gray-400: #8C95A8;
  --primitive-color-gray-500: #5E687D;
  --primitive-color-gray-600: #4A4B4E;
  --primitive-color-gray-700: #363D4F;
  --primitive-color-gray-800: #232938;
  --primitive-color-night-muted: #AEB8D0;
  --primitive-color-night-line: #26305A;
  --primitive-color-night-raised: #111A3A;
  --primitive-color-green-500: #25D366;
  --primitive-color-green-600: #1FBF5B;
  --primitive-color-green-700: #13733A;
  --primitive-color-green-950: #04290F;
  --primitive-color-red-50: #FDF0F0;
  --primitive-color-red-600: #C42B2B;
  --primitive-font-sans: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --primitive-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --primitive-fontSize-xs: 0.75rem;
  --primitive-fontSize-sm: 0.875rem;
  --primitive-fontSize-base: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
  --primitive-fontSize-lg: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --primitive-fontSize-xl: clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem);
  --primitive-fontSize-2xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --primitive-fontSize-3xl: clamp(1.75rem, 1.25rem + 2.1vw, 2.75rem);
  --primitive-fontSize-4xl: clamp(1.875rem, 1.2rem + 2.9vw, 3.5rem);
  --primitive-fontSize-5xl: clamp(1.875rem, 0.9rem + 4.4vw, 3.875rem);
  --primitive-fontWeight-regular: 400;
  --primitive-fontWeight-medium: 500;
  --primitive-fontWeight-semibold: 600;
  --primitive-fontWeight-bold: 700;
  --primitive-fontWeight-black: 800;
  --primitive-fontStretch-normal: 100%;
  --primitive-fontStretch-wide: 112%;
  --primitive-fontStretch-extra: 120%;
  --primitive-lineHeight-tight: 1.04;
  --primitive-lineHeight-snug: 1.2;
  --primitive-lineHeight-normal: 1.6;
  --primitive-spacing-0: 0;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-5: 1.25rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-7: 1.75rem;
  --primitive-spacing-8: 2rem;
  --primitive-spacing-9: 2.25rem;
  --primitive-spacing-10: 2.5rem;
  --primitive-spacing-12: 3rem;
  --primitive-spacing-14: 3.5rem;
  --primitive-spacing-16: 4rem;
  --primitive-spacing-20: 5rem;
  --primitive-spacing-24: 6rem;
  --primitive-spacing-0-5: 0.125rem;
  --primitive-spacing-1-5: 0.375rem;
  --primitive-spacing-fluid-section: clamp(4rem, 2.6rem + 6vw, 7.5rem);
  --primitive-spacing-fluid-gutter: clamp(1rem, 0.6rem + 2vw, 2.5rem);
  --primitive-radius-sm: 0.375rem;
  --primitive-radius-md: 0.625rem;
  --primitive-radius-lg: 1rem;
  --primitive-radius-xl: 1.5rem;
  --primitive-radius-full: 999px;
  --primitive-shadow-sm: 0 1px 2px rgb(13 20 48 / 0.06), 0 1px 1px rgb(13 20 48 / 0.04);
  --primitive-shadow-md: 0 10px 24px -12px rgb(13 20 48 / 0.18), 0 2px 6px rgb(13 20 48 / 0.05);
  --primitive-shadow-lg: 0 28px 60px -28px rgb(0 22 96 / 0.35), 0 8px 20px -10px rgb(13 20 48 / 0.12);
  --primitive-duration-fast: 140ms;
  --primitive-duration-normal: 220ms;
  --primitive-duration-slow: 420ms;
  --primitive-duration-stagger: 80ms;
  --primitive-duration-delay: 240ms;
  --primitive-duration-loop: 1100ms;
  --primitive-easing-out: cubic-bezier(0.22, 1, 0.36, 1);
  --primitive-easing-in: cubic-bezier(0.55, 0, 1, 0.45);
  --primitive-easing-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --primitive-z-base: 0;
  --primitive-z-raised: 10;
  --primitive-z-sticky: 40;
  --primitive-z-overlay: 100;
}

/* === SEMANTIC === */
:root {
  --color-background: #FFFFFF;
  --color-surface: #F3F5F9;
  --color-surface-subtle: #FAFBFD;
  --color-surface-raised: #FFFFFF;
  --color-foreground: #0D1430;
  --color-foreground-muted: #5E687D;
  --color-foreground-brand-gray: #4A4B4E;
  --color-primary: #002EBA;
  --color-primary-hover: #0026A0;
  --color-primary-active: #001F82;
  --color-primary-foreground: #FFFFFF;
  --color-primary-subtle: #EEF2FE;
  --color-primary-subtle-strong: #DCE4FC;
  --color-primary-subtle-foreground: #0026A0;
  --color-secondary: #3B5EC9;
  --color-whatsapp: #25D366;
  --color-whatsapp-hover: #1FBF5B;
  --color-whatsapp-foreground: #04290F;
  --color-success: #13733A;
  --color-danger: #C42B2B;
  --color-danger-subtle: #FDF0F0;
  --color-border: #DAE0E9;
  --color-border-strong: #C1C8D5;
  --color-ring: #3B5EC9;
  --color-inverse-background: #070C22;
  --color-inverse-surface: #111A3A;
  --color-inverse-foreground: #FFFFFF;
  --color-inverse-foreground-muted: #AEB8D0;
  --color-inverse-border: #26305A;
  --color-inverse-accent: #8AA3F0;
  --color-grid-line: rgb(0 46 186 / 0.06);
  --color-plate-from: #FAFBFD;
  --color-plate-to: #E9EDF3;
  --font-body: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-technical: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --text-display: clamp(1.875rem, 0.9rem + 4.4vw, 3.875rem);
  --text-h1: clamp(1.875rem, 1.2rem + 2.9vw, 3.5rem);
  --text-h2: clamp(1.75rem, 1.25rem + 2.1vw, 2.75rem);
  --text-h3: clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem);
  --text-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --text-body: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
  --text-small: 0.875rem;
  --text-label: 0.75rem;
  --text-heading-stretch: 112%;
  --text-display-stretch: 120%;
  --text-display-fluid: clamp(1.75rem, 9.6cqi, 3.875rem);
  --text-h1-fluid: clamp(1.75rem, 8.4cqi, 3.5rem);
  --space-section: clamp(4rem, 2.6rem + 6vw, 7.5rem);
  --space-gutter: clamp(1rem, 0.6rem + 2vw, 2.5rem);
  --space-stack-xs: 0.5rem;
  --space-stack-sm: 1rem;
  --space-stack-md: 1.5rem;
  --space-stack-lg: 2.5rem;
  --space-stack-xl: 4rem;
  --layout-container: 76rem;
  --layout-measure: 40rem;
  --layout-measure-sm: 26rem;
  --layout-measure-xs: 22rem;
  --motion-fast: 140ms;
  --motion-normal: 220ms;
  --motion-slow: 420ms;
  --motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --motion-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-stagger: 80ms;
  --motion-delay: 240ms;
  --motion-loop: 1100ms;
  --elevation-1: 0 1px 2px rgb(13 20 48 / 0.06), 0 1px 1px rgb(13 20 48 / 0.04);
  --elevation-2: 0 10px 24px -12px rgb(13 20 48 / 0.18), 0 2px 6px rgb(13 20 48 / 0.05);
  --elevation-3: 0 28px 60px -28px rgb(0 22 96 / 0.35), 0 8px 20px -10px rgb(13 20 48 / 0.12);
  --layer-raised: 10;
  --layer-sticky: 40;
  --layer-overlay: 100;
}

/* === COMPONENTS === */
:root {
  --header-height: 4.5rem;
  --header-bg: rgb(255 255 255 / 0.92);
  --header-logo-height: 2.125rem;
  --header-logo-height-lg: 2.5rem;
  --button-height: 3rem;
  --button-height-lg: 3.5rem;
  --button-padding-x: 1.5rem;
  --button-radius: 0.625rem;
  --button-font-size: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
  --button-font-weight: 600;
  --card-bg: #FFFFFF;
  --card-border: #DAE0E9;
  --card-border-hover: #8AA3F0;
  --card-radius: 1rem;
  --card-padding: clamp(1.25rem, 1rem + 1vw, 2rem);
  --icon-tile-size: 3rem;
  --icon-tile-radius: 0.625rem;
  --icon-tile-bg: #EEF2FE;
  --icon-tile-fg: #002EBA;
  --chip-height: 2.5rem;
  --chip-radius: 999px;
  --input-height: 3.25rem;
  --input-radius: 0.625rem;
  --input-border: #8C95A8;
  --plate-radius: 0.625rem;
  --plate-border: #C1C8D5;
  --plate-key-width: 7.5rem;
  --plate-max-width: 26rem;
  --icon-sm: 1.125rem;
  --icon-md: 1.5rem;
  --icon-lg: 2rem;
  --icon-stroke: 1.6;
  --icon-xs: 0.875rem;
  --fab-size: 3.5rem;
  --fab-icon: 1.75rem;
  --map-min-height: 28rem;
  --nav-item-height: 3.5rem;
  --dot-size: 0.5rem;
  --preloader-bg: #FFFFFF;
  --preloader-mark-size: 3.5rem;
  --preloader-track-width: 7.5rem;
  --preloader-track-height: 0.1875rem;
}