/* Apple reference tokens. */
@theme {
  --color-midnight-graphite: #1d1d1f;
  --color-cloud-mist: #6b6c6c;
  --color-pure-white: #ffffff;
  --color-frost-gray: #f3f6f6;
  --color-steel-accent: #cccfcf;
  --color-dark-charcoal: #313131;
  --color-slate-echo: #444545;
  --color-alabaster: #e8e8ed;
  --color-pure-black: #000000;
  --color-light-pearl: #dedfe2;
  --color-ocean-blue: #0066cc;
  --color-sky-teal: #00a1b3;
  --color-royal-violet: #8668ff;
  --color-sunset-orange: #ed6300;
  --color-flame-orange: #b64400;
  --color-vivid-blue: #0071e3;
  --color-deep-sea-gradient: #004c94;
  --color-spectrum-gradient: #0090f7;
  --spacing-radius-cards: 28px;
  --spacing-radius-buttons: 28px;
  --spacing-radius-default: 12px;
  --spacing-radius-navigation: 980px;
  --spacing-elementgap: 10px;
  --spacing-sectiongap: 70px;
  --spacing-cardpadding: 14px;
  --radius-cards: 28px;
  --radius-buttons: 28px;
  --radius-default: 12px;
  --radius-navigation: 980px;
}