/* Illustrative demo tokens. No build step required. */
:root {
 --ds-blue-700:#2457A7; --ds-blue-800:#194581;
 --ds-blue-200:#A9C9FF; --ds-blue-100:#C5DBFF;
 --ds-neutral-000:#FFFFFF; --ds-neutral-950:#12181F;
}
.demo-stage {
 --ds-colour-background-primary:var(--ds-neutral-000);
 --ds-colour-text-primary:var(--ds-neutral-950);
 --ds-colour-background-interactive:var(--ds-blue-700);
 --ds-colour-background-interactive-hover:var(--ds-blue-800);
 --ds-colour-text-on-interactive:var(--ds-neutral-000);
 --ds-colour-focus:var(--ds-blue-700);
 --ds-colour-background-disabled:#E3E7ED;
 --ds-colour-text-disabled:#536070;
 --ds-button-background-primary:var(--ds-colour-background-interactive);
 --ds-button-background-primary-hover:var(--ds-colour-background-interactive-hover);
 --ds-button-label-primary:var(--ds-colour-text-on-interactive);
}
.demo-stage[data-theme="dark"] {
 --ds-colour-background-primary:var(--ds-neutral-950);
 --ds-colour-text-primary:#F4F7FB;
 --ds-colour-background-interactive:var(--ds-blue-200);
 --ds-colour-background-interactive-hover:var(--ds-blue-100);
 --ds-colour-text-on-interactive:var(--ds-neutral-950);
 --ds-colour-focus:var(--ds-blue-200);
 --ds-colour-background-disabled:#303C4B;
 --ds-colour-text-disabled:#B1BDCC;
}