/* Generated by tools/tokens_to_css.py. Do not edit by hand; re-run the extraction instead.
   Source: dembrandt 0.39.2 extraction of https://www.apple.com/kr/airtag/ (+ mobile viewport), 2026-10-28T23:16:30.821Z.
   Observed values carry the rule that picked them; "brand default" marks our own layout choices. */
:root {
  --c-bg: #ffffff;  /* largest light fill area */
  --c-bg-alt: #f5f5f7;  /* next light fill area */
  --c-fg: #000000;  /* most used dark text */
  --c-fg-2: #6e6e73;  /* most used grey text, >=4.5:1 on bg */
  --c-line: #d2d2d7;  /* most used light border */
  --c-stage-bg: #000000;  /* largest dark fill area */
  --c-stage-bg-2: #1d1d1f;  /* next dark fill area */
  --c-stage-fg: #f5f5f7;  /* most used light text */
  --c-stage-fg-2: #86868b;  /* most used grey text, >=4.5:1 on stage */
  --c-stage-line: #6e6e73;  /* most used dark border */
  --t-hero-size: 96px; --t-hero-lh: 1.15; --t-hero-w: 600; --t-hero-ls: 0em;  /* heading-3 x2 */
  --t-h1-size: 56px; --t-h1-lh: 1.18; --t-h1-w: 600; --t-h1-ls: 0em;  /* heading-2 x4 */
  --t-h2-size: 32px; --t-h2-lh: 1.22; --t-h2-w: 600; --t-h2-ls: 0.004em;  /* heading-3 x5 */
  --t-h3-size: 19px; --t-h3-lh: 1.32; --t-h3-w: 600; --t-h3-ls: 0.012em;  /* heading-3 x10 */
  --t-lede-size: 19px; --t-lede-lh: 1.53; --t-lede-w: 400; --t-lede-ls: 0.012em;  /* link x6 */
  --t-body-size: 17px; --t-body-lh: 1.59; --t-body-w: 400; --t-body-ls: 0em;  /* ui x13 */
  --t-small-size: 14px; --t-small-lh: 1.57; --t-small-w: 400; --t-small-ls: 0em;  /* body x7 */
  --t-micro-size: 12px; --t-micro-lh: 1; --t-micro-w: 400; --t-micro-ls: 0em;  /* link x15 */
  --t-eyebrow-size: 17px; --t-eyebrow-lh: 1.24; --t-eyebrow-w: 600; --t-eyebrow-ls: 0em;  /* link x12 */
  --t-stat-size: 56px; --t-stat-lh: 1.18; --t-stat-w: 600; --t-stat-ls: 0em;  /* heading-2 x4 */
  --t-strong-w: 600;
  --t-btn-size: 17px; --t-btn-w: 400; --t-btn-ls: 0em;  /* button default state */
  --btn-pad-y: 8px; --btn-pad-x: 15px;
  --t-nav-brand-size: 19px;
  --s-gap-s: 7px;
  --s-gap-m: 20px;
  --s-gap-l: 40px;
  --s-gap-xl: 76px;
  --s-section: 160px;
  --r-pill: 980px;  /* button radius */
  --r-card: 28px;  /* most used 12-40px radius */
  --dur: 0.32s;  /* most used duration x695 */
  --ease: cubic-bezier(0.4, 0, 0.6, 1);  /* most used easing x720 */
  --gutter: 22px;  /* brand default */
  --w-content: 980px;  /* brand default */
  --w-text: 692px;  /* brand default */
  --nav-h: 52px;  /* brand default */
}
/* Dark theme: Apple's dark-section palette on the page roles. */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --c-bg: #000000; --c-bg-alt: #1d1d1f; --c-fg: #f5f5f7; --c-fg-2: #86868b; --c-line: #6e6e73; color-scheme: dark; } }
:root[data-theme="dark"] { --c-bg: #000000; --c-bg-alt: #1d1d1f; --c-fg: #f5f5f7; --c-fg-2: #86868b; --c-line: #6e6e73; color-scheme: dark; }
/* Mobile viewport extraction */
@media (max-width: 734px) { :root {
  --t-hero-size: 48px; --t-hero-lh: 1.19; --t-hero-w: 600; --t-hero-ls: 0em;
  --t-h1-size: 40px; --t-h1-lh: 1.2; --t-h1-w: 600; --t-h1-ls: 0em;
  --t-h3-size: 19px; --t-h3-lh: 1.21; --t-h3-w: 600; --t-h3-ls: 0em;
  --t-lede-size: 19px; --t-lede-lh: 1.32; --t-lede-w: 500; --t-lede-ls: 0.012em;
  --t-micro-size: 12px; --t-micro-lh: 1.33; --t-micro-w: 400; --t-micro-ls: 0em;
  --t-eyebrow-size: 19px; --t-eyebrow-lh: 1.21; --t-eyebrow-w: 600; --t-eyebrow-ls: 0em;
  --t-stat-size: 40px; --t-stat-lh: 1.2; --t-stat-w: 600; --t-stat-ls: 0em;
  --s-gap-s: 8px;
  --s-gap-l: 28px;
  --s-gap-xl: 52px;
  --s-section: 112px;
} }