/* ============================================
 * Theme: QoderWork overrides
 *
 * These selectors sit on top of light-mint/dark-mint and preserve the exact
 * public QoderWork theme names used by embedded workbench/iframe surfaces.
 * ============================================ */

[data-theme="light-glass"] {
  --token-color-fill-secondary: rgba(0, 0, 0, 0.06);
}

[data-theme="dark-glass"] {
  --token-color-fill-secondary: rgba(255, 255, 255, 0.09);
}

[data-theme="qoderwork-dark"],
[data-theme="dark-glass"] {
  --token-color-primary: #5CB870;
  --token-color-primary-hover: #9BE6B3;
  --token-color-primary-active: #73CD94;
  --token-color-primary-text: #8EE5A1;
  --token-color-link: #8EE5A1;
  --token-color-sage-bg: #1A2E21;
  --token-color-sage-bg-hover: #243228;
}

[data-theme="classic-dark"] {
  color-scheme: dark;
  --token-color-primary: #5CB870;
  --token-color-primary-hover: #9BE6B3;
  --token-color-primary-active: #73CD94;
  --token-color-primary-text: #8EE5A1;
  --token-color-text: #eeeeeb;
  --token-color-text-secondary: #b4b4ac;
  --token-color-text-tertiary: #7b7b74;
  --token-color-text-quaternary: #585853;
  --token-color-text-on-primary: #080807;
  --token-color-border: #3b3a35;
  --token-color-border-secondary: #31312d;
  --token-color-border-tertiary: #292926;
  --token-color-fill: #31312d;
  --token-color-fill-secondary: #292926;
  --token-color-fill-tertiary: #22221f;
  --token-color-fill-quaternary: #22221f;
  --token-color-fill-disable: #3b3a35;
  --token-color-bg-container: #171716;
  --token-color-bg-elevated: #22221f;
  --token-color-bg-layout: #080807;
  --token-color-bg-spotlight: #22221f;
  --token-color-bg-base: #080807;
  --token-color-bg-highlight: #d0d0d0;
  --token-color-bg-highlight-hover: #e0e0e0;
  --token-color-link: #8EE5A1;
  --token-color-sage-bg: #1A2E21;
  --token-color-sage-bg-hover: #243228;
}