/* Source: Web/Web/public/clientProfileFiles/roobit/css/theme.css — copied 2026-09-02 */
/**
 * Theme alias mapping (tokens.css → runtime --* vars on html.light-theme / html.dark-theme).
 * Legacy: section 3 pairs. NUI: section 6 dark/light primitives.
 */

.light-theme {
  --white: var(--white-light);
  --footer-bg : var(--footer-light);
  --navbar-menu-icon: var(--navbar-menu-icon-light);
  --dropdown-bg-color: var(--dropdown-bg-color-light);
  --dark-blue-grey: var(--dark-blue-grey-light);
  --blue-grey: var(--blue-grey-light);
  --purple-grey : var(--purple-grey-light);
  --view-dropdown-bg-color: var(--view-dropdown-bg-color-light);
  --grey: var(--grey-light);
  --card: var(--card-light);
  --text-color : var(--text-color-light);
  --orderbook-text-color: var(--orderbook-text-color-light);
  --footer-item-text : var(--footer-item-text-light);
  --footer-icon: var(--footer-icon-light);
  --area-bgcolor: var(--area-bgcolor-light);
  --area-bgcolor-brightgreen : var(--area-bgcolor-light-2);
  --area-bgcolor-grey : var(--area-bgcolor-light-3);
  --navbar-item-bgcolor : var(--navbar-item-bg-light);
  --port-gore: var(--port-gore-light);
  --black: var(--black-light);
  --grid-text-color: var(--grid-text-color-light);
  --landingpage-header: var(--landingpage-header-light);
  --input-bg: var(--input-bg-light);

  --nui-surface-menu: var(--nui-primitive-light-menu);
  --nui-surface-page: var(--nui-primitive-light-page);
  --nui-surface-card: var(--nui-primitive-light-card);
  --nui-surface-border: var(--nui-primitive-light-border);
  --nui-surface-tab-border: var(--nui-primitive-light-tab-border);
  --nui-surface-footer: var(--nui-primitive-light-footer);
  --nui-text-heading: var(--nui-primitive-light-heading);
  --nui-color-text: var(--nui-primitive-text-primary);
  --nui-color-text-secondary: var(--nui-primitive-text-secondary);
  --nui-color-text-muted: var(--nui-primitive-text-muted);
  --nui-color-input: var(--nui-primitive-light-input-text);
  --nui-color-input-border: var(--nui-primitive-light-input-border);
  --nui-color-input-bg: var(--nui-primitive-light-input-bg);
}

.dark-theme {
  --footer-bg : var(--footer-dark);
  --navbar-menu-icon: var(--navbar-menu-icon-dark);
  --dropdown-bg-color: var(--dropdown-bg-color-dark);
  --footer-item-text : var(--footer-item-text-dark);
  --footer-icon: var(--footer-icon-dark);
  --orderbook-text-color: var(--orderbook-text-color-dark);
  --white: var(--white-dark);
  --dark-blue-grey: var(--dark-blue-grey-dark);
  --blue-grey: var(--blue-grey-dark);
  --purple-grey : var(--purple-grey-dark);
  --view-dropdown-bg-color: var(--view-dropdown-bg-color-dark);
  --grey: var(--grey-dark);
  --card: var(--card-dark);
  --text-color : var(--text-color-dark);
  --area-bgcolor: var(--area-bgcolor-dark);
  --area-bgcolor-brightgreen : var(--area-bgcolor-dark-2);
  --area-bgcolor-grey : var(--area-bgcolor-dark-3);
  --navbar-item-bgcolor : var(--navbar-item-bg-dark);
  --port-gore: var(--port-gore-dark);
  --black: var(--black-dark);
  --grid-text-color: var(--grid-text-color-dark);
  --landingpage-header: var(--landingpage-header-dark);
  --input-bg: var(--input-bg-dark);

  --nui-surface-menu: var(--nui-primitive-dark-menu);
  --nui-surface-page: var(--nui-primitive-dark-page);
  --nui-surface-card: var(--nui-primitive-dark-card);
  --nui-surface-border: var(--nui-primitive-dark-border);
  --nui-surface-tab-border: var(--nui-primitive-dark-tab-border);
  --nui-surface-footer: var(--nui-primitive-dark-footer);
  --nui-text-heading: var(--nui-primitive-dark-heading);
  --nui-color-text: var(--nui-primitive-dark-heading);
  --nui-color-text-secondary: var(--nui-primitive-dark-heading);
  --nui-color-text-muted: var(--nui-primitive-text-muted);
  --nui-color-input: var(--nui-primitive-dark-input-text);
  --nui-color-input-border: var(--nui-primitive-dark-input-border);
  --nui-color-input-bg: var(--nui-primitive-dark-input-bg);
  --nui-card-shadow: 0 30px 80px rgba(0, 0, 0, 0.32), 0 1px 0 rgba(255, 255, 255, 0.02) inset;
}