/* Generated by scripts/tokens.mjs from tokens/dss.tokens.json (sha256 07af701b4eb780b0): Brand mode digital-optima and Theme mode study-digital-optima. Do not edit. */
.u-brand-digital-optima, .u-theme-study-digital-optima {
  --swatch--digital-optima-ground: #f9f8f6;
  --swatch--digital-optima-green: #06231d;
  --swatch--digital-optima-text: #18191b;
  --swatch--digital-optima-muted: #545963;
  --swatch--digital-optima-text-o20: color-mix(in srgb, #18191b 20%, transparent);
  --swatch--digital-optima-field-border: #686e77;
  --swatch--digital-optima-orange: #ff9c19;
}
.u-brand-digital-optima {
  --_brand---background: var(--swatch--digital-optima-ground);
  --_brand---text: var(--swatch--digital-optima-green);
  --_brand---accent: var(--swatch--digital-optima-green);
}
.u-theme-study-digital-optima {
  --_theme---background: var(--swatch--digital-optima-ground);
  --_theme---background-2: var(--swatch--light-100);
  --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
  --_theme---text: var(--swatch--digital-optima-text);
  --_theme---text-2: var(--swatch--digital-optima-muted);
  --_theme---text-3: var(--swatch--digital-optima-muted);
  --_theme---border: var(--swatch--digital-optima-text-o20);
  --_theme---input--border: var(--swatch--digital-optima-field-border);
  --_theme---selection--background: var(--swatch--brand-500);
  --_theme---selection--text: var(--swatch--brand-text);
  --_theme---button-primary--background: var(--swatch--digital-optima-text);
  --_theme---button-primary--border: var(--_theme---button-primary--background);
  --_theme---button-primary--text: var(--swatch--digital-optima-ground);
  --_theme---button-primary--background-hover: var(--swatch--digital-optima-muted);
  --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover);
  --_theme---button-primary--text-hover: var(--_theme---background);
  --_theme---button-secondary--background: var(--swatch--transparent);
  --_theme---button-secondary--border: var(--_theme---input--border);
  --_theme---button-secondary--text: var(--_theme---text);
  --_theme---button-secondary--background-hover: var(--_theme---text);
  --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover);
  --_theme---button-secondary--text-hover: var(--_theme---background);
  --_theme---text-link--text: var(--_theme---text);
  --_theme---text-link--border: var(--_theme---input--border);
  --_theme---text-link--text-hover: var(--_theme---text-link--text);
  --_theme---text-link--border-hover: var(--_theme---text);
  --_theme---nav--background: var(--_theme---background);
  --_theme---focus--ring: var(--swatch--dark-900);
  --_theme---focus--halo: var(--swatch--brand-500);
  --_theme---accent--background: var(--swatch--digital-optima-orange);
  --_theme---accent--text: var(--swatch--digital-optima-text);
  --_theme---evidence--background: var(--swatch--brand-500);
  --_theme---evidence--text: var(--swatch--dark-900);
  --_theme---status--error: var(--swatch--error-700);
  --_theme---status--success: var(--swatch--success-700);
  --_theme---overlay--background: var(--swatch--dark-900-o60);
  --_theme---play--open-centre: var(--swatch--dark-900);
  --_theme---play--sun: var(--swatch--dark-900);
  --_theme---play--petal-6: var(--swatch--play-flame);
  --_theme---play--petal-12: var(--swatch--play-flame);
  --_theme---play--twinkle: var(--swatch--play-orchid);
  --_theme---play--petal-5: var(--swatch--play-blue);
  --_theme---play--petal-4: var(--swatch--play-indigo);
}
.u-theme-study-digital-optima { color-scheme: light; background-color: var(--_theme---background); color: var(--_theme---text); }