/* 深色主题 black_red（Lustrous Noir）——切换时启用
   仅在 [data-theme="black"] 下覆盖浅色变量，变量名与 tokens.white.css 一致。*/
:root[data-theme="black"] {
  --c-surface:            #121414;
  --c-surface-lowest:     #0d0e0f;
  --c-surface-low:        #1b1c1c;
  --c-surface-container:  #1f2020;
  --c-surface-high:       #292a2a;
  --c-surface-highest:    #343535;
  --c-surface-bright:     #383939;

  --c-on-surface:         #e3e2e2;
  --c-on-surface-var:     #e9bcb5;

  --c-outline:            #b08781;
  --c-outline-var:        #5f3f3a;

  --c-primary:            #ffb4a8;
  --c-on-primary:         #690000;
  --c-primary-container:  #e60000;
  --c-on-primary-container:#fff7f5;

  --c-secondary:          #ffb3ae;
  --c-secondary-container:#a90219;

  --c-error:              #ffb4ab;
  --c-on-error:           #690005;
  --c-error-container:    #93000a;

  --c-bg:                 #121414;
  --c-on-bg:              #e3e2e2;
  --c-bg-alt:             #1b1c1c;

  --c-inverse-surface:    #e3e2e2;
  --c-inverse-on-surface: #303031;

  --glass-border:         rgba(230, 0, 0, 0.35);
  --shadow-sm:  0 1px 2px rgba(0,0,0,.40);
  --shadow-md:  0 4px 14px rgba(0,0,0,.50);
  --shadow-glow:0 10px 30px rgba(230,0,0,.18);
}