@use './animation.scss';
@use './common.scss';

[class^='o-'],
[class^='o_'] {
  box-sizing: border-box;
}

:root {
  --o-z-index-base: 100;
  --o-z-index-max: 9999;
  --o-font-password: Arial, 'Helvetica Neue', Helvetica, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-o-theme="e.light"] {
  --o-color-control2-light-raw: var(--o-brand-1);
}
[data-o-theme="e.dark"] {
  --o-color-control2-light-raw: var(--o-grey-5);
}
[data-o-theme="g.light"] {
  --o-color-control2-light-raw: var(--o-brand-1);
}
[data-o-theme="g.dark"] {
  --o-color-control2-light-raw: var(--o-grey-5);
}
[data-o-theme="u.light"] {
  --o-color-control2-light-raw: var(--o-brand-1);
}
[data-o-theme="u.dark"] {
  --o-color-control2-light-raw: var(--o-grey-5);
}
[data-o-theme="m.light"] {
  --o-color-control2-light-raw: var(--o-brand-1);
}
[data-o-theme="m.dark"] {
  --o-color-control2-light-raw: var(--o-grey-5);
}
[data-o-theme="a.light"] {
  --o-color-control2-light-raw: var(--o-grey-3);
}
[data-o-theme="a.dark"] {
  --o-color-control2-light-raw: var(--o-grey-5);
}
[data-o-theme="k.light"] {
  --o-color-control2-light-raw: var(--o-grey-3);
}
[data-o-theme="k.dark"] {
  --o-color-control2-light-raw: var(--o-grey-5);
}