/**
 * Auto-generated from Figma - Do not edit manually
 * Generated on: 2026-09-25T15:18:14.949Z
 * Token Version: 2.0
 * Brand: ⚛️ ForEyes_Foundations
 * Foundation primitive variables
 */

@layer foundation {
  [data-token-version="2.0"] {
    --Dark Gray-dark-gray-400: rgb(92, 102, 103);
    --Dark Gray-dark-gray-500: rgb(51, 64, 65);
    --Foundations-white: rgb(255, 255, 255);
    --Primary-primary-500: rgb(0, 90, 187);
    --Product-Sunglass-categoryType: {category.name};
    --body-family: Poppins;
    --borderRadius-button: 0.375rem;
    --borderRadius-default: 0.25rem;
    --color-comp-button-ghost-default-foreground: rgb(0, 90, 187);
    --color-comp-button-ghost-default-foreground: rgb(0, 90, 187);
    --color-comp-button-outline-default-foreground: rgb(0, 90, 187);
    --color-comp-button-outline-default-foreground: rgb(0, 90, 187);
    --color-comp-button-solidPrimary-default-foreground: rgb(255, 255, 255);
    --color-comp-button-solidPrimary-default-foreground: rgb(255, 255, 255);
    --color-comp-link-default: rgb(0, 90, 187);
    --color-comp-typography-primary: rgb(43, 46, 49);
    --color-comp-typography-primary: rgb(43, 46, 49);
    --color-pattern-footer-text: rgb(43, 46, 49);
    --color-semantic-neutral-border-soft: rgb(219, 222, 225);
    --color-semantic-neutral-border-soft: rgb(219, 222, 225);
    --color-semantic-neutral-content-default: rgb(43, 46, 49);
    --color-semantic-neutral-content-default: rgb(43, 46, 49);
    --color-semantic-neutral-content-soft: rgb(99, 107, 116);
    --dimension-spacing-5: 1rem;
    --dimension-typography-text-fontSize-body-head: 1rem;
    --fe-color-black-0: rgba(0, 0, 0, 0);
    --fe-color-black-10: rgba(0, 0, 0, 0.1);
    --fe-color-black-20: rgba(0, 0, 0, 0.2);
    --fe-color-black-25: rgba(0, 0, 0, 0.25);
    --fe-color-black-35: rgba(0, 0, 0, 0.35);
    --fe-color-black-50: rgba(0, 0, 0, 0.5);
    --fe-color-black-900: rgb(0, 0, 0);
    --fe-color-blue-0: rgba(0, 90, 187, 0);
    --fe-color-blue-100: rgb(229, 238, 248);
    --fe-color-blue-200: rgb(190, 217, 245);
    --fe-color-blue-50: rgba(0, 90, 187, 0.5);
    --fe-color-blue-600: rgb(0, 90, 187);
    --fe-color-blue-900: rgb(3, 8, 80);
    --fe-color-green-500: rgb(47, 133, 90);
    --fe-color-neutral-100: rgb(247, 246, 244);
    --fe-color-neutral-200: rgb(235, 236, 236);
    --fe-color-neutral-300: rgb(214, 217, 217);
    --fe-color-neutral-400: rgb(173, 179, 179);
    --fe-color-neutral-500: rgb(92, 102, 103);
    --fe-color-neutral-900: rgb(51, 64, 65);
    --fe-color-orange-500: rgb(254, 80, 0);
    --fe-color-pink-500: rgb(216, 17, 89);
    --fe-color-red-600: rgb(211, 33, 19);
    --fe-color-teal-500: rgb(0, 105, 137);
    --fe-color-white-0: rgba(255, 255, 255, 0);
    --fe-color-white-100: rgb(255, 255, 255);
    --fe-color-white-10: rgba(255, 255, 255, 0.1);
    --fe-color-white-20: rgba(255, 255, 255, 0.2);
    --fe-color-white-30: rgba(255, 255, 255, 0.3);
    --fe-color-white-40: rgba(255, 255, 255, 0.4);
    --fe-color-white-50: rgba(255, 255, 255, 0.5);
    --fe-color-white-60: rgba(255, 255, 255, 0.6);
    --fe-color-white-70: rgba(255, 255, 255, 0.7);
    --fe-color-white-80: rgba(255, 255, 255, 0.8);
    --fe-radius-0: 0;
    --fe-radius-2: 0.125rem;
    --fe-radius-4: 0.25rem;
    --fe-radius-6: 0.375rem;
    --fe-radius-999: 999px;
    --fe-spacing-10: 0.625rem;
    --fe-spacing-16: 1rem;
    --fe-spacing-24: 1.5rem;
    --fe-spacing-32: 2rem;
    --fe-spacing-40: 2.5rem;
    --fe-spacing-8: 0.5rem;
    --fe-stroke-1: 0.0625rem;
    --fe-stroke-2: 0.125rem;
    --fe-stroke-3: 0.1875rem;
    --fe-typography-font-family-primary: Poppins;
    --fe-typography-font-size-120: 7.5rem;
    --fe-typography-font-size-12: 0.75rem;
    --fe-typography-font-size-14: 0.875rem;
    --fe-typography-font-size-16: 1rem;
    --fe-typography-font-size-18: 1.125rem;
    --fe-typography-font-size-24: 1.5rem;
    --fe-typography-font-size-28: 1.75rem;
    --fe-typography-font-size-32: 2rem;
    --fe-typography-font-size-40: 2.5rem;
    --fe-typography-font-size-64: 4rem;
    --fe-typography-font-size-80: 5rem;
    --fe-typography-font-stack-primary: Poppins, Arial, sans-serif;
    --fe-typography-font-weight-medium: 500;
    --fe-typography-font-weight-regular: 400;
    --fe-typography-font-weight-semibold: 600;
    --fe-typography-letter-spacing-0: 0;
    --fe-typography-line-height-130: 8.125rem;
    --fe-typography-line-height-14: 0.875rem;
    --fe-typography-line-height-20: 1.25rem;
    --fe-typography-line-height-24: 1.5rem;
    --fe-typography-line-height-28: 1.75rem;
    --fe-typography-line-height-32: 2rem;
    --fe-typography-line-height-36: 2.25rem;
    --fe-typography-line-height-46: 2.875rem;
    --fe-typography-line-height-56: 3.5rem;
    --fe-typography-line-height-64: 4rem;
    --general-body-head: 1rem;
    --general-body: 1rem;
    --general-caption-head: 0.875rem;
    --general-line-height-body-head: 1.75rem;
    --general-line-height-body: 1.75rem;
    --general-line-height-caption-head: 1.25rem;
    --grid-column-nr: 0.125rem;
    --grid-column-spacing: 1rem;
    --grid-content-col-66%: 8.5rem;
    --grid-margin: 1rem;
    --grid-max-width: 45.9375rem;
    --grid-max-width: 45.9375rem;
    --grid-show-lg-xl: false;
    --grid-show-lg: false;
    --grid-show-md: false;
    --grid-show-sm: true;
    --grid-show-xl: false;
    --heading-large: 2.5rem;
    --heading-largest: 3rem;
    --heading-line-height-large: 3.5rem;
    --heading-line-height-largest: 4rem;
    --heading-line-height-smallest: 1.75rem;
    --heading-smallest: 1.125rem;
    --headings-family: Poppins;
    --shape-borderRadius-button: 0.375rem;
    --shape-borderRadius-default: 0.25rem;
    --typography-font-family-heading: Orgon;
    --typography-font-family-heading: Orgon;
    --typography-text-lineHeight-body: 1.75rem;
    --viewport-max-grid: 47.9375rem;
  }
}