:root {
  /* Arco Theme 7639: @arco-themes/vue-card, extracted from official preview page. */
  --arco-theme-id: "7639";

  --primary-1: rgb(232, 243, 255);
  --primary-2: rgb(190, 218, 255);
  --primary-3: rgb(148, 191, 255);
  --primary-4: rgb(106, 161, 255);
  --primary-5: rgb(64, 128, 255);
  --primary-6: rgb(22, 93, 255);
  --primary-7: rgb(14, 66, 210);
  --primary-8: rgb(7, 44, 166);
  --primary-9: rgb(3, 26, 121);
  --primary-10: rgb(0, 13, 77);

  --link-1: rgb(232, 248, 255);
  --link-2: rgb(170, 213, 234);
  --link-3: rgb(116, 178, 213);
  --link-4: rgb(70, 143, 192);
  --link-5: rgb(31, 110, 171);
  --link-6: rgb(0, 80, 150);
  --link-7: rgb(0, 66, 132);
  --link-8: rgb(0, 53, 113);
  --link-9: rgb(0, 41, 95);
  --link-10: rgb(0, 31, 77);

  --dark-primary-1: rgb(0, 13, 77);
  --dark-primary-2: rgb(4, 27, 121);
  --dark-primary-3: rgb(14, 50, 166);
  --dark-primary-4: rgb(29, 77, 210);
  --dark-primary-5: rgb(48, 111, 255);
  --dark-primary-6: rgb(60, 126, 255);
  --dark-primary-7: rgb(104, 159, 255);
  --dark-primary-8: rgb(147, 190, 255);
  --dark-primary-9: rgb(190, 218, 255);
  --dark-primary-10: rgb(234, 244, 255);

  --menu-collapse-width: 60px;
  --menu-collapse-padding-horizontal: 10px;

  --color-success-1: #e8ffea;
  --color-success-6: #00b42a;
  --color-warning-1: #fff7e8;
  --color-warning-6: #ff7d00;
  --color-danger-1: #ffece8;
  --color-danger-6: #f53f3f;

  --color-text-1: #1d2129;
  --color-text-2: #4e5969;
  --color-text-3: #86909c;
  --color-text-4: #c9cdd4;
  --color-bg-1: #ffffff;
  --color-bg-2: #ffffff;
  --color-bg-3: #ffffff;
  --color-bg-4: #ffffff;
  --color-bg-5: #ffffff;
  --color-fill-1: #f7f8fa;
  --color-fill-2: #f2f3f5;
  --color-fill-3: #e5e6eb;
  --color-border-1: #f2f3f5;
  --color-border-2: #e5e6eb;
  --color-border-3: #c9cdd4;
  --color-border-4: #a9aeb8;

  --radius-small: 4px;
  --radius-medium: 8px;
  --radius-large: 12px;
  --shadow1-down: 0 4px 12px rgba(29, 33, 41, 0.08);
  --shadow2-down: 0 8px 24px rgba(29, 33, 41, 0.12);
  --shadow3-down: 0 16px 40px rgba(29, 33, 41, 0.16);

  /* Chaozhi brand coordination layer. */
  --brand-logo-blue: #0072bc;
  --brand-logo-cyan: #5bc3cf;
  --brand-logo-orange: #f58a00;
  --brand-logo-ink: #333333;

  --brand-primary: var(--primary-6);
  --brand-primary-hover: var(--primary-5);
  --brand-primary-active: var(--primary-7);
  --brand-link: var(--link-6);
  --brand-data: var(--brand-logo-cyan);
  --brand-energy: var(--brand-logo-orange);
}