/* Netexplora Style Kit — tokens vía MCP Figma (build automático) */
/* Fuentes MCP: 5 nodo(s). Total variables únicas: 249. */
/* Generado por scripts/17_build_tokens_mcp.py */
:root {
  /* === Colors (foreground, background, border, brand, effects, component) === */
  --colors-background-bg-disabled_subtle: #D2DAE6;
  --colors-background-bg-lilac: #898EF2;
  --colors-background-bg-lilac_alt: #EDEDF8;
  --colors-background-bg-navy: #0F1A28;
  --colors-background-bg-primary: #FFFFFF;
  --colors-background-bg-primary_alt: #0F1A28;
  --colors-background-bg-primary_hover: #212E3F;
  --colors-background-bg-secondary: #EFF6FF;
  --colors-background-bg-secondary-lilac_alt: #6973FF;
  --colors-background-bg-secondary-solid: #354457;
  --colors-background-bg-secondary_alt: #F6FD60;
  --colors-background-bg-section: #FFFFFF;
  --colors-background-bg-section_subtle: #EFF6FF;
  --colors-background-bg-success-secondary: #DCFAE6;
  --colors-background-bg-tertiary: #DAD8D7;
  --colors-background-bg-white: #FFFFFF;
  --colors-base-white: #FFFFFF;
  --colors-border-border-disabled: #9AA5B4;
  --colors-border-border-navy: #0F1A28;
  --colors-border-border-navy_alt: #3A5476;
  --colors-border-border-primary: #0F1A28;
  --colors-border-border-secondary: #354457;
  --colors-border-border-tertiary: #B6BFCD;
  --colors-brand-lilac-500: #7F8CF7;
  --colors-brand-lilac-500-lilac-i: #898EF2;
  --colors-brand-navy-800-navy: #0F1A28;
  --colors-brand-yellow-500: #F6FD60;
  --colors-brand-yellow-500-yellow: #F6FD60;
  --colors-effects-focus-rings-focus-ring: #4C5B6F;
  --colors-effects-shadows-shadow-2xl_01: #0F1A282E;
  --colors-effects-shadows-shadow-2xl_02: #0F1A280A;
  --colors-effects-shadows-shadow-glow-lilac: #7F8CF72E;
  --colors-effects-shadows-shadow-glow-yellow: #F6FD6024;
  --colors-effects-shadows-shadow-lg_01: #0F1A2814;
  --colors-effects-shadows-shadow-lg_02: #0F1A2808;
  --colors-effects-shadows-shadow-lg_03: #0F1A280A;
  --colors-effects-shadows-shadow-skeumorphic-inner: #0A0D120D;
  --colors-effects-shadows-shadow-skeumorphic-inner-border: #0A0D122E;
  --colors-effects-shadows-shadow-sm_01: #0A0D121A;
  --colors-effects-shadows-shadow-sm_02: #0A0D121A;
  --colors-effects-shadows-shadow-xl_01: #0F1A2814;
  --colors-effects-shadows-shadow-xl_02: #0F1A2808;
  --colors-effects-shadows-shadow-xl_03: #0F1A280A;
  --colors-effects-shadows-shadow-xs: #0F1A280D;
  --colors-foreground-fg-brand-primary-600: #354457;
  --colors-foreground-fg-brand-primary_alt: #0F1A28;
  --colors-foreground-fg-error-primary: #D92D20;
  --colors-foreground-fg-primary: #FFFFFF;
  --colors-foreground-fg-primary_alt: #F6FD60;
  --colors-foreground-fg-quaternary: #4C5B6F;
  --colors-foreground-fg-quaternary-400: #A4A7AE;
  --colors-foreground-fg-secondary: #212E3F;
  --colors-foreground-fg-success-primary: #079455;
  --colors-foreground-fg-success-secondary: #17B26A;
  --colors-foreground-fg-tertiary: #657386;
  --colors-foreground-fg-warning-primary: #DC6803;
  --colors-foreground-fg-white: #FFFFFF;
  --colors-text-text-disabled: #7287A3;
  --colors-text-text-lilac: #898EF2;
  --colors-text-text-navy: #0F1A28;
  --colors-text-text-primary: #06162B;
  --colors-text-text-primary_alt: #FFFFFF;
  --colors-text-text-quaternary: #4C5B6F;
  --colors-text-text-secondary: #D2DAE6;
  --colors-text-text-secondary_alt: #D2DAE6;
  --colors-text-text-secondary_hover: #B6BFCD;
  --colors-text-text-tertiary: #354457;
  --colors-text-text-tertiary_alt: #3A5476;
  --colors-text-text-white: #FFFFFF;
  --colors-text-text-yellow: #F6FD60;
  --component-colors-components-buttons-button-link-text: #1922DF;
  --component-colors-components-buttons-button-link-text_hover: #898EF2;
  --component-colors-components-buttons-button-primary-bg: #F6FD60;
  --component-colors-components-buttons-button-primary-border: #F6FD60;
  --component-colors-components-buttons-button-primary-text: #0F1A28;
  --component-colors-components-buttons-button-secondary-bg: #0F1A28;
  --component-colors-components-buttons-button-secondary-border: #F6FD60;
  --component-colors-components-buttons-button-secondary-text: #F6FD60;
  --component-colors-components-buttons-button-tertiary-text: #354457;
  --component-colors-components-footers-footer-link-text: #898EF2;
  --component-colors-components-icons-featured-icons-featured-icon-fg-brand: #354457;
  --component-colors-components-icons-featured-icons-featured-icon-fg-success: #079455;
  --component-colors-components-icons-icons-icon-fg-navy: #0F1A28;
  --component-colors-components-icons-icons-icon-fg-navy_alt: #9AA5B4;
  --component-colors-components-icons-icons-icon-fg-white: #FFFFFF;
  --component-colors-components-tooltips-tooltip-supporting-text: #EAF6FF;
  --component-colors-utility-error-utility-error-200: #FECDCA;
  --component-colors-utility-error-utility-error-400: #F97066;
  --component-colors-utility-error-utility-error-50: #FEF3F2;
  --component-colors-utility-error-utility-error-500: #F04438;
  --component-colors-utility-error-utility-error-700: #B42318;
  --component-colors-utility-gray-utility-gray-400: #C9C7C4;
  --component-colors-utility-gray-utility-gray-500: #C2BEBA;
  --component-colors-utility-navy-utility-brand-200: #9AA5B4;
  --component-colors-utility-navy-utility-brand-400: #657386;
  --component-colors-utility-navy-utility-brand-50: #D2DAE6;
  --component-colors-utility-navy-utility-brand-500: #4C5B6F;
  --component-colors-utility-navy-utility-brand-700: #212E3F;
  --component-colors-utility-success-utility-success-200: #ABEFC6;
  --component-colors-utility-success-utility-success-400: #47CD89;
  --component-colors-utility-success-utility-success-50: #ECFDF3;
  --component-colors-utility-success-utility-success-500: #17B26A;
  --component-colors-utility-success-utility-success-700: #067647;
  --component-colors-utility-warning-utility-warning-200: #FEDF89;
  --component-colors-utility-warning-utility-warning-400: #FDB022;
  --component-colors-utility-warning-utility-warning-50: #FFFAEB;
  --component-colors-utility-warning-utility-warning-500: #F79009;
  --component-colors-utility-warning-utility-warning-700: #B54708;
  --gray-200: #E5E7EB;
  --neutral-0: #FFFFFF;
  --white: #FFFFFF;

  /* === Spacing === */
  --spacing-0-0px: 0px;
  --spacing-055-2px: 2px;
  --spacing-1-4px: 4px;
  --spacing-10-40px: 40px;
  --spacing-12-48px: 48px;
  --spacing-16-64px: 64px;
  --spacing-160-640px: 640px;
  --spacing-192-768px: 768px;
  --spacing-155-6px: 6px;
  --spacing-2-8px: 8px;
  --spacing-20-80px: 80px;
  --spacing-24-96px: 96px;
  --spacing-3-12px: 12px;
  --spacing-320-1-280px: 1280px;
  --spacing-4-16px: 16px;
  --spacing-48-192px: 192px;
  --spacing-5-20px: 20px;
  --spacing-6-24px: 24px;
  --spacing-8-32px: 32px;
  --spacing-80-320px: 320px;
  --spacing-96-384px: 384px;
  --spacing-2xl: 20px;
  --spacing-3xl: 24px;
  --spacing-4xl: 32px;
  --spacing-6xl: 48px;
  --spacing-7xl: 64px;
  --spacing-9xl: 96px;
  --spacing-lg: 12px;
  --spacing-md: 8px;
  --spacing-sm: 6px;
  --spacing-xl: 16px;
  --spacing-xs: 4px;
  --spacing-xxs: 2px;

  /* === Border radius === */
  --corner-radius-none: 0px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
  --radius-lg: 10px;
  --radius-max: 32px;
  --radius-md: 8px;
  --radius-none: 0px;
  --radius-sm: 6px;
  --radius-xl: 12px;

  /* === Layout (widths, container) === */
  --container-max-width-desktop: 1280px;
  --container-padding-desktop: 32px;
  --container-padding-mobile: 16px;
  --width-lg: 640px;
  --width-md: 560px;
  --width-sm: 480px;
  --width-xl: 768px;
  --width-xxs: 320px;

  /* === Typography base === */
  --font-family-font-family-body: "Albert Sans";
  --font-family-font-family-display: "Albert Sans";
  --font-weight-bold: "Bold";
  --font-weight-medium: "Medium";
  --font-weight-regular: "Regular";
  --font-weight-semibold: "Semibold";
  --typography-font-family-primary: "Plus Jakarta Sans";
  --typography-font-weight-regular: 400;
  --typography-paragraph-spacing-none: 0;

  /* === Typography metrics (size, line-height) === */
  --font-size-display-2xl: 72px;
  --font-size-display-lg: 48px;
  --font-size-display-md: 36px;
  --font-size-display-sm: 30px;
  --font-size-display-xl: 60px;
  --font-size-display-xs: 24px;
  --font-size-text-lg: 18px;
  --font-size-text-md: 16px;
  --font-size-text-sm: 14px;
  --font-size-text-xl: 20px;
  --font-size-text-xs: 12px;
  --line-height-display-xs: 32px;
  --line-height-text-lg: 28px;
  --line-height-text-md: 24px;
  --line-height-text-sm: 20px;
  --line-height-text-xl: 30px;
  --line-height-text-xs: 18px;

  /* === Typography composites (heading/body/label/display → font-family + weight + size + line-height) === */
  --typography-body-lg-family: Albert Sans;
  --typography-body-lg-weight: 400;
  --typography-body-lg-size: 18px;
  --typography-body-lg-line-height: 1.5;
  --typography-body-md-family: Albert Sans;
  --typography-body-md-weight: 400;
  --typography-body-md-size: 16px;
  --typography-body-md-line-height: 1.5;
  --typography-body-sm-family: Albert Sans;
  --typography-body-sm-weight: 400;
  --typography-body-sm-size: 14px;
  --typography-body-sm-line-height: 1.5;
  --typography-body-xl-family: Albert Sans;
  --typography-body-xl-weight: 400;
  --typography-body-xl-size: 20px;
  --typography-body-xl-line-height: 1.5;
  --typography-body-xs-family: Albert Sans;
  --typography-body-xs-weight: 400;
  --typography-body-xs-size: 12px;
  --typography-body-xs-line-height: 1.5;
  --typography-display-display1-family: Albert Sans;
  --typography-display-display1-weight: 500;
  --typography-display-display1-size: 72px;
  --typography-display-display1-line-height: 1.2;
  --typography-display-display1-letter-spacing: -2px;
  --typography-display-display2-family: Albert Sans;
  --typography-display-display2-weight: 600;
  --typography-display-display2-size: 60px;
  --typography-display-display2-line-height: 1.2;
  --typography-display-display2-letter-spacing: -2px;
  --typography-heading-heading1-family: Albert Sans;
  --typography-heading-heading1-weight: 700;
  --typography-heading-heading1-size: 48px;
  --typography-heading-heading1-line-height: 1.2;
  --typography-heading-heading1-letter-spacing: -2px;
  --typography-heading-heading2-family: Albert Sans;
  --typography-heading-heading2-weight: 600;
  --typography-heading-heading2-size: 36px;
  --typography-heading-heading2-line-height: 1.2;
  --typography-heading-heading2-letter-spacing: -2px;
  --typography-heading-heading3-family: Albert Sans;
  --typography-heading-heading3-weight: 600;
  --typography-heading-heading3-size: 30px;
  --typography-heading-heading3-line-height: 1.2;
  --typography-heading-heading4-family: Albert Sans;
  --typography-heading-heading4-weight: 600;
  --typography-heading-heading4-size: 24px;
  --typography-heading-heading4-line-height: 1.2;
  --typography-heading-heading5-family: Albert Sans;
  --typography-heading-heading5-weight: 500;
  --typography-heading-heading5-size: 20px;
  --typography-heading-heading5-line-height: 1.2;
  --typography-heading-heading6-family: Albert Sans;
  --typography-heading-heading6-weight: 500;
  --typography-heading-heading6-size: 18px;
  --typography-heading-heading6-line-height: 1.2;
  --typography-label-lg-bold-family: Albert Sans;
  --typography-label-lg-bold-weight: 700;
  --typography-label-lg-bold-size: 18px;
  --typography-label-lg-bold-line-height: 1;
  --typography-label-md-bold-family: Albert Sans;
  --typography-label-md-bold-weight: 600;
  --typography-label-md-bold-size: 16px;
  --typography-label-md-bold-line-height: 24px;
  --typography-label-sm-bold-family: Albert Sans;
  --typography-label-sm-bold-weight: 600;
  --typography-label-sm-bold-size: 14px;
  --typography-label-sm-bold-line-height: 20px;
  --typography-label-xs-bold-family: Albert Sans;
  --typography-label-xs-bold-weight: 600;
  --typography-label-xs-bold-size: 12px;
  --typography-label-xs-bold-line-height: 1;
  --typography-label-xs-regular-family: Albert Sans;
  --typography-label-xs-regular-weight: 400;
  --typography-label-xs-regular-size: 12px;
  --typography-label-xs-regular-line-height: 1;

  /* === Shadows (composites) === */
  --shadows-shadow-2xl: 0px 4px 4px -2px #0F1A280A, 0px 24px 48px -12px #0F1A282E;
  --shadows-shadow-brand-lg: 0px 2px 2px -1px #F6FD6014, 0px 4px 6px -2px #F6FD600F, 0px 12px 16px -4px #F6FD6024;
  --shadows-shadow-lg: 0px 2px 2px -1px #0F1A280A, 0px 4px 6px -2px #0F1A2808, 0px 12px 16px -4px #0F1A2814;
  --shadows-shadow-sm: 0px 1px 2px -1px #0A0D121A, 0px 1px 3px 0px #0A0D121A;
  --shadows-shadow-xl: 0px 3px 3px -1.5px #0F1A280A, 0px 8px 8px -4px #0F1A2808, 0px 20px 24px -4px #0F1A2814;
  --shadows-shadow-xs: 0px 1px 2px 0px #0F1A280D;
  --shadows-shadow-xs-skeuomorphic: 0px 1px 2px 4px #0F1A280D, inset 0px -2px 0px 0px #F6FD6024, inset 0px 0px 0px 1px #7F8CF72E;
}