/* HandlaOS tokens — generated by hto:tokens:generate. Do not edit by hand. */
:root {
  --hto-bg-accent: var(--hto-p-accent-600);
  --hto-bg-brand: var(--hto-p-brand-600);
  --hto-bg-brand-subtle: var(--hto-p-brand-50);
  --hto-bg-disabled: var(--hto-p-gray-100);
  --hto-bg-inverse: var(--hto-p-gray-900);
  --hto-bg-muted: var(--hto-p-gray-100);
  --hto-bg-overlay: rgb(0 0 0 / .5);
  --hto-bg-page: var(--hto-p-gray-0);
  --hto-bg-scrim: rgb(0 0 0 / .35);
  --hto-bg-subtle: var(--hto-p-gray-50);
  --hto-bg-surface: var(--hto-p-gray-0);
  --hto-bg-surface-raised: var(--hto-p-gray-0);
  --hto-border-brand: var(--hto-p-brand-600);
  --hto-border-danger: var(--hto-p-danger-600);
  --hto-border-default: var(--hto-p-gray-300);
  --hto-border-inverse: var(--hto-p-gray-700);
  --hto-border-strong: var(--hto-p-gray-500);
  --hto-border-style: solid;
  --hto-border-subtle: var(--hto-p-gray-200);
  --hto-border-width-hairline: 1px;
  --hto-border-width-medium: 2px;
  --hto-border-width-thick: 4px;
  --hto-border-width-thin: 1px;
  --hto-bp-2xl: 1440px;
  --hto-bp-lg: 1024px;
  --hto-bp-md: 768px;
  --hto-bp-sm: 480px;
  --hto-bp-xl: 1280px;
  --hto-btn-primary-bg: var(--hto-bg-brand);
  --hto-btn-primary-bg-hover: var(--hto-p-brand-700);
  --hto-btn-primary-fg: var(--hto-text-on-brand);
  --hto-btn-radius: var(--hto-control-radius-md);
  --hto-card-bg: var(--hto-bg-surface);
  --hto-card-radius: var(--hto-radius-md);
  --hto-card-shadow: var(--hto-shadow-sm);
  --hto-p-accent-100: #C7E9ED;
  --hto-p-accent-50: #E7F5F7;
  --hto-p-accent-500: #12939F;
  --hto-p-accent-600: #0E7C86;
  --hto-p-accent-700: #0B6169;
  --hto-p-brand-100: #DCECF9;
  --hto-p-brand-200: #BAD8F2;
  --hto-p-brand-300: #88BBE7;
  --hto-p-brand-400: #4591D3;
  --hto-p-brand-50: #F0F6FC;
  --hto-p-brand-500: #2675BA;
  --hto-p-brand-600: #1C5E97;
  --hto-p-brand-700: #154B79;
  --hto-p-brand-800: #0F385C;
  --hto-p-brand-900: #0A2843;
  --hto-p-danger-50: #FDECEC;
  --hto-p-danger-500: #DC3A3A;
  --hto-p-danger-600: #C42525;
  --hto-p-danger-700: #9B1B1B;
  --hto-p-gray-0: #FFFFFF;
  --hto-p-gray-100: #EDF1F5;
  --hto-p-gray-1000: #0D1116;
  --hto-p-gray-200: #DDE4EB;
  --hto-p-gray-300: #C6D0DA;
  --hto-p-gray-400: #9BA8B5;
  --hto-p-gray-50: #F6F8FA;
  --hto-p-gray-500: #75828F;
  --hto-p-gray-600: #5A6672;
  --hto-p-gray-700: #434D57;
  --hto-p-gray-800: #2C343B;
  --hto-p-gray-900: #1A2027;
  --hto-p-info-50: #F0F6FC;
  --hto-p-info-500: #2675BA;
  --hto-p-info-600: #1C5E97;
  --hto-p-info-700: #154B79;
  --hto-p-success-50: #E9F7EF;
  --hto-p-success-500: #14915E;
  --hto-p-success-600: #0F7A4B;
  --hto-p-success-700: #0B5D39;
  --hto-p-warning-50: #FDF4E3;
  --hto-p-warning-500: #D99A0B;
  --hto-p-warning-600: #B37D08;
  --hto-p-warning-700: #8A6006;
  --hto-container-max: 1280px;
  --hto-container-narrow: 760px;
  --hto-container-tight: 560px;
  --hto-container-wide: 1440px;
  --hto-content-max: var(--hto-measure);
  --hto-control-height-lg: 48px;
  --hto-control-height-md: 40px;
  --hto-control-height-sm: 32px;
  --hto-control-height-touch: 44px;
  --hto-control-icon-gap: var(--hto-space-2);
  --hto-control-icon-size-lg: var(--hto-icon-lg);
  --hto-control-icon-size-md: var(--hto-icon-md);
  --hto-control-icon-size-sm: var(--hto-icon-sm);
  --hto-control-leading: var(--hto-leading-none);
  --hto-control-leading-field: var(--hto-leading-snug);
  --hto-control-message-gap: var(--hto-space-2);
  --hto-control-radius-lg: var(--hto-radius-lg);
  --hto-control-radius-md: var(--hto-radius-md);
  --hto-control-radius-sm: var(--hto-radius-sm);
  --hto-divider: var(--hto-p-gray-200);
  --hto-duration-fast: 120ms;
  --hto-duration-instant: 0ms;
  --hto-duration-normal: 200ms;
  --hto-duration-skeleton: 1400ms;
  --hto-duration-slow: 320ms;
  --hto-duration-spinner: 800ms;
  --hto-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --hto-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --hto-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --hto-focus-inset-width: 1px;
  --hto-focus-offset: var(--hto-space-1);
  --hto-focus-outline-width: 2px;
  --hto-focus-ring: var(--hto-p-brand-500);
  --hto-focus-ring-offset: var(--hto-p-gray-0);
  --hto-font-accent: 'Inter Tight', 'Inter', system-ui, sans-serif;
  --hto-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --hto-font-heading: 'Inter Tight', 'Inter', system-ui, sans-serif;
  --hto-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --hto-footer-bg: var(--hto-bg-inverse);
  --hto-footer-fg: var(--hto-text-inverse);
  --hto-gap-grid: var(--hto-space-5);
  --hto-gap-inline: var(--hto-space-3);
  --hto-gap-stack: var(--hto-space-4);
  --hto-grid-cols: 4;
  --hto-grid-cols-lg: 12;
  --hto-grid-cols-md: 8;
  --hto-grid-gap: var(--hto-space-5);
  --hto-gutter: 24px;
  --hto-header-bg: var(--hto-bg-surface);
  --hto-header-fg: var(--hto-text-primary);
  --hto-icon-lg: 1.5rem;
  --hto-icon-md: 1.25rem;
  --hto-icon-sm: 1rem;
  --hto-input-bg: var(--hto-bg-surface);
  --hto-input-border: var(--hto-border-strong);
  --hto-input-radius: var(--hto-control-radius-md);
  --hto-leading-body: var(--hto-leading-relaxed);
  --hto-leading-heading: var(--hto-leading-snug);
  --hto-leading-loose: 1.85;
  --hto-leading-none: 1;
  --hto-leading-normal: 1.5;
  --hto-leading-relaxed: 1.65;
  --hto-leading-snug: 1.25;
  --hto-leading-tight: 1.15;
  --hto-measure: 68ch;
  --hto-measure-narrow: 52ch;
  --hto-mega-category-size: var(--hto-text-xs);
  --hto-mega-category-tracking: var(--hto-tracking-wide);
  --hto-mega-category-weight: 700;
  --hto-mega-featured-width: 14rem;
  --hto-mega-font: var(--hto-nav-font);
  --hto-mega-gap-col: 1.75rem;
  --hto-mega-gap-group: 2rem;
  --hto-mega-gap-l2-l3: 0.125rem;
  --hto-mega-gap-l3: 0;
  --hto-mega-line-height: 1.25;
  --hto-mega-link-leading: var(--hto-mega-line-height);
  --hto-mega-link-pad-y: 0.3125rem;
  --hto-mega-link-size: var(--hto-mega-size);
  --hto-mega-link-weight: var(--hto-mega-weight);
  --hto-mega-pad-x: 1.25rem;
  --hto-mega-pad-y: 0.875rem;
  --hto-mega-size: var(--hto-text-sm);
  --hto-mega-spacing: var(--hto-mega-gap-col);
  --hto-mega-weight: 400;
  --hto-mega-width-compact: 36rem;
  --hto-mega-width-medium: 52rem;
  --hto-nav-font: var(--hto-font-body);
  --hto-nav-gap: 1.5rem;
  --hto-nav-leading: var(--hto-leading-snug);
  --hto-nav-line-height: var(--hto-nav-leading);
  --hto-nav-size: 0.875rem;
  --hto-nav-spacing: var(--hto-nav-gap);
  --hto-nav-tracking: 0.01em;
  --hto-nav-weight: 500;
  --hto-opacity-disabled: 0.45;
  --hto-pad-component: var(--hto-space-4);
  --hto-pad-container: var(--hto-space-4);
  --hto-paragraph-gap: var(--hto-space-3);
  --hto-radius-2xl: 24px;
  --hto-radius-full: 9999px;
  --hto-radius-lg: 12px;
  --hto-radius-md: 8px;
  --hto-radius-none: 0;
  --hto-radius-scale: 1;
  --hto-radius-sm: 4px;
  --hto-radius-xl: 16px;
  --hto-radius-xs: 2px;
  --hto-section-gap-lg: var(--hto-space-6);
  --hto-section-gap-md: var(--hto-space-5);
  --hto-section-gap-none: 0;
  --hto-section-gap-sm: var(--hto-space-4);
  --hto-section-gap-xl: var(--hto-space-7);
  --hto-section-gap-xs: var(--hto-space-3);
  --hto-section-pad-lg: var(--hto-space-7);
  --hto-section-pad-md: var(--hto-space-6);
  --hto-section-pad-none: 0;
  --hto-section-pad-sm: var(--hto-space-5);
  --hto-section-pad-xl: var(--hto-space-8);
  --hto-section-pad-xs: var(--hto-space-4);
  --hto-selection-bg: var(--hto-p-brand-100);
  --hto-selection-text: var(--hto-p-gray-900);
  --hto-shadow-focus: 0 0 0 3px var(--hto-focus-ring);
  --hto-shadow-inner: inset 0 1px 2px rgb(0 0 0 / .06);
  --hto-shadow-intensity: 1;
  --hto-shadow-lg: 0 12px 32px rgb(0 0 0 / .12);
  --hto-shadow-md: 0 6px 16px rgb(0 0 0 / .10);
  --hto-shadow-none: none;
  --hto-shadow-sm: 0 2px 4px rgb(0 0 0 / .06);
  --hto-shadow-xl: 0 24px 64px rgb(0 0 0 / .16);
  --hto-shadow-xs: 0 1px 2px rgb(0 0 0 / .05);
  --hto-social-box: var(--hto-control-height-md);
  --hto-social-brand-facebook: #1877F2;
  --hto-social-brand-instagram: #E1306C;
  --hto-social-brand-linkedin: #0A66C2;
  --hto-social-brand-pinterest: #E60023;
  --hto-social-brand-tiktok: #111111;
  --hto-social-brand-whatsapp: #25D366;
  --hto-social-brand-x: #111111;
  --hto-social-brand-youtube: #FF0000;
  --hto-social-gap: var(--hto-space-3);
  --hto-social-icon-size: 1.25rem;
  --hto-social-label-gap: var(--hto-space-2);
  --hto-social-size: var(--hto-icon-lg);
  --hto-space-0: 0;
  --hto-space-1: 0.25rem;
  --hto-space-10: 5rem;
  --hto-space-11: 6rem;
  --hto-space-12: 8rem;
  --hto-space-2: 0.5rem;
  --hto-space-3: 0.75rem;
  --hto-space-4: 1rem;
  --hto-space-5: 1.5rem;
  --hto-space-6: 2rem;
  --hto-space-7: 2.5rem;
  --hto-space-8: 3rem;
  --hto-space-9: 4rem;
  --hto-space-px: 1px;
  --hto-space-scale: 1;
  --hto-spinner-size-lg: var(--hto-icon-lg);
  --hto-spinner-size-md: var(--hto-icon-md);
  --hto-spinner-size-sm: var(--hto-icon-sm);
  --hto-text-brand: var(--hto-p-brand-600);
  --hto-text-danger: var(--hto-p-danger-600);
  --hto-text-disabled: var(--hto-p-gray-400);
  --hto-text-heading: var(--hto-p-gray-900);
  --hto-text-info: var(--hto-p-info-600);
  --hto-text-inverse: #FFFFFF;
  --hto-text-link: var(--hto-p-brand-600);
  --hto-text-link-hover: var(--hto-p-brand-700);
  --hto-text-on-accent: #FFFFFF;
  --hto-text-on-brand: #FFFFFF;
  --hto-text-primary: var(--hto-p-gray-900);
  --hto-text-secondary: var(--hto-p-gray-600);
  --hto-text-2xl: calc(var(--hto-font-size-2xl-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-2xl-fluid: clamp(1.375rem, calc(1.375rem + 0.375rem * ((100vw - 20rem) / 70rem)), 1.75rem);
  --hto-text-2xs: calc(var(--hto-font-size-2xs-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-2xs-fluid: clamp(0.6875rem, calc(0.6875rem + 0.0625rem * ((100vw - 20rem) / 70rem)), 0.75rem);
  --hto-text-3xl: calc(var(--hto-font-size-3xl-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-3xl-fluid: clamp(1.5rem, calc(1.5rem + 0.5rem * ((100vw - 20rem) / 70rem)), 2rem);
  --hto-text-3xs: calc(var(--hto-font-size-3xs-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-3xs-fluid: clamp(0.625rem, calc(0.625rem + 0.0625rem * ((100vw - 20rem) / 70rem)), 0.6875rem);
  --hto-text-4xl: calc(var(--hto-font-size-4xl-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-4xl-fluid: clamp(1.75rem, calc(1.75rem + 0.75rem * ((100vw - 20rem) / 70rem)), 2.5rem);
  --hto-text-5xl: calc(var(--hto-font-size-5xl-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-5xl-fluid: clamp(2rem, 1.4rem + 2.6vw, 3rem);
  --hto-text-6xl: calc(var(--hto-font-size-6xl-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-6xl-fluid: clamp(2.25rem, calc(2.25rem + 1.5rem * ((100vw - 20rem) / 70rem)), 3.75rem);
  --hto-text-7xl: calc(var(--hto-font-size-7xl-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-7xl-fluid: clamp(2.5rem, calc(2.5rem + 2rem * ((100vw - 20rem) / 70rem)), 4.5rem);
  --hto-text-base: calc(var(--hto-font-size-base-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-base-fluid: 1rem;
  --hto-text-lg: calc(var(--hto-font-size-lg-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-lg-fluid: clamp(1.125rem, calc(1.125rem + 0.125rem * ((100vw - 20rem) / 70rem)), 1.25rem);
  --hto-text-md: calc(var(--hto-font-size-md-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-md-fluid: clamp(1.0625rem, calc(1.0625rem + 0.0625rem * ((100vw - 20rem) / 70rem)), 1.125rem);
  --hto-text-sm: calc(var(--hto-font-size-sm-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-sm-fluid: 0.875rem;
  --hto-text-xl: calc(var(--hto-font-size-xl-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-xl-fluid: clamp(1.25rem, calc(1.25rem + 0.25rem * ((100vw - 20rem) / 70rem)), 1.5rem);
  --hto-text-xs: calc(var(--hto-font-size-xs-fluid) * var(--hto-type-scale, 1));
  --hto-font-size-xs-fluid: clamp(0.75rem, calc(0.75rem + 0.0625rem * ((100vw - 20rem) / 70rem)), 0.8125rem);
  --hto-text-success: var(--hto-p-success-600);
  --hto-text-tertiary: var(--hto-p-gray-400);
  --hto-text-warning: var(--hto-p-warning-700);
  --hto-tracking-normal: 0;
  --hto-tracking-tight: -0.015em;
  --hto-tracking-tighter: -0.03em;
  --hto-tracking-wide: 0.025em;
  --hto-tracking-wider: 0.08em;
  --hto-type-scale: 1;
  --hto-weight-bold: 700;
  --hto-weight-medium: 500;
  --hto-weight-regular: 400;
  --hto-weight-semibold: 600;
  --hto-z-backtotop: 450;
  --hto-z-base: 0;
  --hto-z-drawer: 500;
  --hto-z-dropdown: 300;
  --hto-z-header: 200;
  --hto-z-max: 9999;
  --hto-z-mega: 250;
  --hto-z-modal: 600;
  --hto-z-overlay: 400;
  --hto-z-popover: 700;
  --hto-z-raised: 10;
  --hto-z-sticky: 100;
  --hto-z-toast: 800;
}