/* Generated by scripts/tokens.mjs from tokens/dss.tokens.json (sha256 07af701b4eb780b0): Brand mode sydneyside and Theme mode study-sydneyside. Do not edit. */
.u-brand-sydneyside, .u-theme-study-sydneyside {
  --swatch--sydneyside-navy: #162a73;
  --swatch--sydneyside-light-200: #e5e5db;
  --swatch--sydneyside-dark-900: #1f1d1e;
  --swatch--sydneyside-dark-900-o70: color-mix(in srgb, #1f1d1e 70%, transparent);
  --swatch--sydneyside-dark-900-o20: color-mix(in srgb, #1f1d1e 20%, transparent);
  --swatch--sydneyside-form-border: #000000;
}
.u-brand-sydneyside {
  --_brand---background: var(--swatch--light-100);
  --_brand---text: var(--swatch--sydneyside-navy);
  --_brand---accent: var(--swatch--sydneyside-navy);
}
.u-theme-study-sydneyside {
  --_theme---background: var(--swatch--light-100);
  --_theme---background-2: var(--swatch--sydneyside-light-200);
  --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
  --_theme---text: var(--swatch--sydneyside-dark-900);
  --_theme---text-2: var(--swatch--sydneyside-dark-900-o70);
  --_theme---text-3: var(--swatch--sydneyside-dark-900-o70);
  --_theme---border: var(--swatch--sydneyside-dark-900-o20);
  --_theme---input--border: var(--swatch--sydneyside-form-border);
  --_theme---selection--background: var(--swatch--brand-500);
  --_theme---selection--text: var(--swatch--brand-text);
  --_theme---button-primary--background: var(--swatch--sydneyside-dark-900);
  --_theme---button-primary--border: var(--_theme---button-primary--background);
  --_theme---button-primary--text: var(--swatch--light-100);
  --_theme---button-primary--background-hover: var(--swatch--sydneyside-dark-900-o70);
  --_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--sydneyside-navy);
  --_theme---accent--text: var(--swatch--light-100);
  --_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-sydneyside { color-scheme: light; background-color: var(--_theme---background); color: var(--_theme---text); }