/* st-variables.css — Design tokens */
/* Split-Screen Translator — SkrivSikkert */
@import '/assets/css/variables.css';

/* Local alpha tokens (not in variables.css) */
.split-translator {
  --st-overlay-light: rgba(0, 0, 0, 0.3);
  --st-overlay-dark: rgba(0, 0, 0, 0.5);
  --st-hover-dark: rgba(255, 255, 255, 0.10);
  --st-hover-dark-active: rgba(255, 255, 255, 0.14);

  /* Design system overrides — warm neutrals (NEW STYLE guide) */
  --color-bg: #f8f8f6;
  --color-text-primary: #131313;
  --color-text-secondary: #73716c;
  --color-text-tertiary: #8f8e8a;
  --transition: 180ms ease;
}