/**
 * Auto-generated from Figma - Do not edit manually
 * Generated on: 2026-07-06T07:14:12.337Z
 * Token Version: 2.0
 * Brand: oakley
 * Breakpoints — mobile-first media queries
 */

@layer breakpoints {
  [data-token-version="2.0"] {
    --device: Mobile;
    --radius-default: var(--radius-generic-mobile);
    --radius-fixed: 1.25rem;
    --radius-modal: var(--radius-modal-tablet);
    --radius-none: 0;
    --radius-round: 999px;
    --spacing-3xl: 3rem;
    --spacing-4xl: 4rem;
    --spacing-base: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-none: 0;
    --spacing-xl: 2rem;
    --spacing-xs: 0.5rem;
    --stroke-base: var(--stroke-generic-base);
    --stroke-heavy: var(--stroke-generic-thick);
    --stroke-thick: var(--stroke-generic-thick);
    --stroke-thin: var(--stroke-generic-thin);
    --typography-h1-letter-spacing: var(--typography-h1-mobile-letter-spacing);
    --typography-h1-line-height: var(--typography-h1-mobile-line-height);
    --typography-h1-size: var(--typography-h1-mobile-size);
    --typography-h2-letter-spacing: var(--typography-h2-mobile-letter-spacing);
    --typography-h2-line-height: var(--typography-h2-mobile-line-height);
    --typography-h2-size: var(--typography-h2-mobile-size);
    --typography-h3-letter-spacing: var(--typography-h3-mobile-letter-spacing);
    --typography-h3-line-height: var(--typography-h3-mobile-line-height);
    --typography-h3-size: var(--typography-h3-mobile-size);
    --typography-h4-letter-spacing: var(--typography-h4-mobile-letter-spacing);
    --typography-h4-line-height: var(--typography-h4-mobile-line-height);
    --typography-h4-size: var(--typography-h4-mobile-size);
    --typography-h5-letter-spacing: var(--typography-h5-mobile-letter-spacing);
    --typography-h5-line-height: var(--typography-h5-mobile-line-height);
    --typography-h5-size: var(--typography-h5-mobile-size);
    --typography-h6-letter-spacing: var(--typography-h6-mobile-letter-spacing);
    --typography-h6-line-height: var(--typography-h6-mobile-line-height);
    --typography-h6-size: var(--typography-h6-mobile-size);
  }

  /* Tablet Portrait */
  @media (min-width: 376px) {
    [data-token-version="2.0"] {
      --device: Tablet Portrait;
      --radius-default: var(--radius-generic-tablet-portrait);
      --typography-h1-letter-spacing: var(--typography-h1-tablet-letter-spacing);
      --typography-h1-line-height: var(--typography-h1-tablet-line-height);
      --typography-h1-size: var(--typography-h1-tablet-size);
      --typography-h2-letter-spacing: var(--typography-h2-tablet-letter-spacing);
      --typography-h2-line-height: var(--typography-h2-tablet-line-height);
      --typography-h2-size: var(--typography-h2-tablet-size);
      --typography-h3-letter-spacing: var(--typography-h3-tablet-letter-spacing);
      --typography-h3-line-height: var(--typography-h3-tablet-line-height);
      --typography-h3-size: var(--typography-h3-tablet-size);
      --typography-h4-letter-spacing: var(--typography-h4-tablet-letter-spacing);
      --typography-h4-line-height: var(--typography-h4-tablet-line-height);
      --typography-h4-size: var(--typography-h4-tablet-size);
      --typography-h5-size: var(--typography-h5-tablet-size);
      --typography-h6-size: var(--typography-h6-tablet-size);
    }
  }

  /* Tablet Landscape */
  @media (min-width: 769px) {
    [data-token-version="2.0"] {
      --device: Tablet Landscape;
      --radius-default: var(--radius-generic-tablet-landscape);
      --radius-modal: var(--radius-modal-mobile);
      --typography-h1-letter-spacing: var(--typography-h1-tablet-letter-spacing);
      --typography-h1-line-height: var(--typography-h1-tablet-line-height);
      --typography-h1-size: var(--typography-h1-tablet-size);
      --typography-h2-letter-spacing: var(--typography-h2-tablet-letter-spacing);
      --typography-h2-line-height: var(--typography-h2-tablet-line-height);
      --typography-h2-size: var(--typography-h2-tablet-size);
      --typography-h3-letter-spacing: var(--typography-h3-tablet-letter-spacing);
      --typography-h3-line-height: var(--typography-h3-tablet-line-height);
      --typography-h3-size: var(--typography-h3-tablet-size);
      --typography-h4-letter-spacing: var(--typography-h4-tablet-letter-spacing);
      --typography-h4-size: var(--typography-h4-tablet-size);
      --typography-h5-line-height: var(--typography-h5-tablet-line-height);
      --typography-h5-size: var(--typography-h5-tablet-size);
      --typography-h6-size: var(--typography-h6-tablet-size);
    }
  }

  /* Desktop */
  @media (min-width: 1025px) {
    [data-token-version="2.0"] {
      --device: Desktop;
      --radius-default: var(--radius-generic-desktop);
      --radius-modal: var(--radius-modal-desktop);
      --typography-h1-letter-spacing: var(--typography-h1-tablet-letter-spacing);
      --typography-h1-line-height: var(--typography-h1-desktop-line-height);
      --typography-h1-size: var(--typography-h1-desktop-size);
      --typography-h2-letter-spacing: var(--typography-h2-desktop-letter-spacing);
      --typography-h2-line-height: var(--typography-h2-desktop-line-height);
      --typography-h2-size: var(--typography-h2-desktop-size);
      --typography-h3-letter-spacing: var(--typography-h3-desktop-letter-spacing);
      --typography-h3-line-height: var(--typography-h3-desktop-line-height);
      --typography-h3-size: var(--typography-h3-desktop-size);
      --typography-h4-letter-spacing: var(--typography-h4-desktop-letter-spacing);
      --typography-h4-line-height: var(--typography-h4-desktop-line-height);
      --typography-h4-size: var(--typography-h4-desktop-size);
      --typography-h5-letter-spacing: var(--typography-h5-desktop-letter-spacing);
      --typography-h5-line-height: var(--typography-h5-desktop-line-height);
      --typography-h5-size: var(--typography-h5-desktop-size);
      --typography-h6-letter-spacing: var(--typography-h6-desktop-letter-spacing);
      --typography-h6-line-height: var(--typography-h6-desktop-line-height);
      --typography-h6-size: var(--typography-h6-desktop-size);
    }
  }

}