[data-density='mobile'] {
  --border-width-default: 1px;
  --border-width-focus: 3px;
  --border-width-strong: 2px;
  --button-padding-default: 16px;
  --button-padding-sm: 8px;
  --form-input-height: 48px;
  --icon-size-lg: 48px;
  --icon-size-md: 32px;
  --icon-size-sm: 24px;
  --icon-size-xs: 16px;
  /* Max width for form layouts. Full-width on mobile. */
  --layout-form-max-width: 430px;
  /* Grid columns — 4 mobile. */
  --layout-grid-columns: 4px;
  /* Column gap. 16px mobile. */
  --layout-grid-gutter: 16px;
  /* Container padding. Matches spacing/page-margin. 16px. */
  --layout-grid-margin: 16px;
  /* Full-width at mobile — 430px (standard iPhone artboard). */
  --layout-max-content-width: 430px;
  /* Full-width reading on mobile — uses frame width. */
  --layout-reading-column-width: 430px;
  /* Grandparent — cards. 16px. */
  --radius-lg: 16px;
  /* Parent level — buttons, inputs. 8px. */
  --radius-md: 8px;
  /* Fully rounded — badges. 999px. */
  --radius-pill: 999px;
  /* Deepest nested — tags, chips. 4px. */
  --radius-sm: 4px;
  /* Outermost containers — sharp (0px). */
  --radius-xl: 0;
  --radius-xs: 2px;
  /* Between major sections. 48px mobile. */
  --spacing-2xl: 48px;
  --spacing-2xs: 4px;
  --spacing-3xl: 64px;
  --spacing-3xs: 2px;
  --spacing-4xl: 80px;
  --spacing-5xl: 96px;
  --spacing-6xl: 120px;
  /* Badge padding. 4px. */
  --spacing-badge-padding: 4px;
  --spacing-lg: 32px;
  /* Between content blocks. 16px mobile. */
  --spacing-md: 24px;
  /* Min horizontal page padding. 16px mobile. */
  --spacing-page-margin-x: 16px;
  /* Page vertical padding. 40px mobile. */
  --spacing-page-margin-y: 40px;
  /* Stacked elements. 16px mobile. */
  --spacing-sm: 16px;
  --spacing-xl: 40px;
  /* Icon + label. 8px both viewports. */
  --spacing-xs: 8px;
  /* Body md emphasis line height — 26px mobile */
  --type-body-md-emphasis-line-height: 26;
  /* Body md emphasis size — 16px mobile */
  --type-body-md-emphasis-size: 16;
  /* Semibold weight */
  --type-body-md-emphasis-weight: 600;
  /* Body md line height. 22px. */
  --type-body-md-line-height: 22px;
  /* Body text. 16px — consistent with desktop for scale cohesion. */
  --type-body-md-size: 16px;
  /* Body weight — regular. */
  --type-body-md-weight: 400;
  /* Body sm emphasis line height — 22px mobile */
  --type-body-sm-emphasis-line-height: 22;
  /* Body sm emphasis size — 14px mobile */
  --type-body-sm-emphasis-size: 14;
  /* Semibold weight */
  --type-body-sm-emphasis-weight: 600;
  /* Body small line height mobile. 22px. */
  --type-body-sm-line-height: 22px;
  /* Supporting content, captions. 14px. */
  --type-body-sm-size: 14px;
  /* Body small weight — regular. */
  --type-body-sm-weight: 400;
  --type-button-lg-letter-spacing: 0.5px;
  --type-button-lg-line-height: 24px;
  --type-button-lg-size: 16px;
  --type-button-lg-weight: 600;
  --type-button-md-letter-spacing: 0.5px;
  --type-button-md-line-height: 20px;
  --type-button-md-size: 14px;
  --type-button-md-weight: 600;
  --type-button-sm-letter-spacing: 0.5px;
  --type-button-sm-line-height: 16px;
  --type-button-sm-size: 12px;
  --type-button-sm-weight: 600;
  /* Caption line height mobile. */
  --type-caption-line-height: 18px;
  /* Caption weight — regular. */
  --type-caption-weight: 400;
  /* Display letter spacing. */
  --type-display-letter-spacing: -0.5px;
  /* Display line height mobile. */
  --type-display-line-height: 38px;
  /* Homepage hero at mobile scale. 32px. */
  --type-display-size: 32px;
  /* Display weight — bold. */
  --type-display-weight: 700;
  --type-family-bold: Eina04-Bold;
  /* Primary typeface — Eina04. */
  --type-family-primary: Eina04;
  --type-family-semibold: Eina04-SemiBold;
  /* Heading 1 letter spacing. */
  --type-heading-lg-letter-spacing: -0.30000001192092896px;
  /* Heading 1 line height mobile. */
  --type-heading-lg-line-height: 30px;
  /* Page-level titles. 24px mobile. */
  --type-heading-lg-size: 24px;
  /* Heading 1 weight — semibold. */
  --type-heading-lg-weight: 600;
  /* Heading 2 letter spacing. */
  --type-heading-md-letter-spacing: -0.20000000298023224px;
  /* Heading 2 line height mobile. */
  --type-heading-md-line-height: 28px;
  /* Section headers. 20px mobile. */
  --type-heading-md-size: 20px;
  /* Heading 2 weight — semibold. */
  --type-heading-md-weight: 600;
  /* Heading 3 line height mobile. */
  --type-heading-sm-line-height: 26px;
  /* Heading 3 weight — semibold. */
  --type-heading-sm-weight: 600;
  /* Label letter spacing. */
  --type-label-letter-spacing: 0.009999999776482582px;
  /* Label line height. */
  --type-label-line-height: 20px;
  /* Navigation, buttons. 14px. */
  --type-label-size: 14px;
  /* Label weight — medium. */
  --type-label-weight: 500;
  /* Overline letter spacing — wide. */
  --type-overline-letter-spacing: 0.07999999821186066px;
  /* Overline line height. */
  --type-overline-line-height: 16px;
  /* Category labels. 12px. */
  --type-overline-size: 12px;
  /* Overline weight — semibold. */
  --type-overline-weight: 600;
}