@layer insertx-theme {
  [data-ix-theme="insertx-master"] {
    --ix-brand-primary: #e47a19;
    --ix-brand-hover: #c96612;
    --ix-brand-active: #a94f0b;
    --ix-brand-soft: #fff2e5;
    --ix-on-brand: #ffffff;
    --ix-focus: #f3a457;

    --ix-background: #f3f4f6;
    --ix-surface: #ffffff;
    --ix-surface-raised: #ffffff;
    --ix-text-primary: #1b1c1e;
    --ix-text-secondary: #686b70;
    --ix-text-disabled: #a0a3a8;
    --ix-border: #dedfe2;
    --ix-divider: #ececee;

    --ix-navigation-rail: #18191b;
    --ix-navigation-panel: #222326;
    --ix-navigation-hover: #303236;
    --ix-navigation-active: #e47a19;
    --ix-navigation-text: #f6f6f7;
    --ix-navigation-muted: #a7a9ad;
  }
}